.music-listen-page{color:#eef2e6;background:radial-gradient(at 8% 10%,#31564d50,#0000 45%),radial-gradient(at 90% 48%,#26365a50,#0000 45%),#10191e;min-height:100svh;padding:22px clamp(16px,4vw,68px) 40px;font-family:Onest,sans-serif}.music-listen-page *{box-sizing:border-box}.music-listen-page :is(a,button){-webkit-tap-highlight-color:transparent}.music-listen-page button{font:inherit;cursor:pointer}.music-listen-page :is(a,button,[tabindex]):focus-visible{outline-offset:5px;outline:3px solid #f5d18f}.music-listen-page a{color:inherit}.music-listen-page :is(button):disabled{opacity:.45;cursor:not-allowed}.music-listen-page svg{flex-shrink:0}.ml-nav{border-bottom:1px solid #a4b9b733;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:auto;padding-bottom:15px;display:flex}.ml-nav>a{color:#c3d7d0;align-items:center;gap:9px;min-height:44px;font-size:14px;line-height:1.4;text-decoration:none;display:flex}.ml-nav>span{letter-spacing:.17em;color:#8ba4a0;font-size:11px}.ml-heading{justify-content:space-between;align-items:center;gap:30px;max-width:1400px;margin:29px auto 13px;display:flex}.ml-heading>div:first-child{max-width:900px}.ml-heading>div>span,.ml-pattern header>span,.ml-player header>span,.ml-save>div>span{letter-spacing:.17em;color:#b4d4c4;font-size:11px;line-height:1.7}.ml-heading h1{letter-spacing:-.045em;margin:12px 0 15px;font-size:clamp(30px,4.2vw,58px);font-weight:500;line-height:1.07}.ml-heading p{color:#bbceca;max-width:780px;margin:0;font-size:17px;line-height:1.7}.ml-postmark{color:#e0d1ab;border:1px solid #dccba45c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;gap:15px;min-width:160px;padding:22px 14px;display:flex;transform:rotate(-8deg)}.ml-postmark span{letter-spacing:.1em!important;color:#decda8!important;font-size:10px!important;line-height:1.9!important}.ml-boundary{color:#9eb7b1;max-width:1400px;margin:0 auto 25px;font-size:14px;line-height:1.75}.ml-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start;gap:20px;max-width:1400px;margin:0 auto;display:grid}.ml-pattern{color:#283d36;background:#f3efdf;border:1px solid #b7cbb333;border-radius:20px;min-width:0;padding:27px 25px 18px;overflow:hidden}.ml-pattern header>span{color:#557967}.music-listen-page h2{letter-spacing:-.025em;margin:9px 0 11px;font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.23}.ml-pattern header>p,.ml-player header>p{color:#597164;margin:0;font-size:16px;line-height:1.65}.ml-score-meta{color:#52685c;border-top:1px solid #364d3426;border-bottom:1px solid #364d3426;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:21px 0 17px;padding:13px 0;font-size:14px;display:flex}.ml-score-meta>span{align-items:baseline;gap:7px;display:inline-flex}.ml-score-meta strong{color:#2e5140;font-size:18px;font-weight:500}.ml-grid-scroll{overscroll-behavior-x:contain;scrollbar-color:#8b9e89 #d9dfcb;isolation:isolate;padding-bottom:9px;overflow:auto}.ml-grid{border-collapse:separate;border-spacing:4px;table-layout:fixed;color:#486052;width:100%;min-width:620px;font-size:14px}.ml-grid caption{text-align:left;color:#667b6a;padding:0 5px 10px;font-size:14px;line-height:1.5}.ml-grid th{font-weight:500}.ml-grid thead th{font-variant-numeric:tabular-nums;height:32px}.ml-grid thead th:first-child{text-align:left;width:54px}.ml-grid tbody th{text-align:left;z-index:1;background:#f3efdf;padding:5px 0;line-height:1.1;position:sticky;left:0}.ml-grid tbody th span{font-size:14px;display:block}.ml-grid tbody th small{color:#6b7e6e;margin-top:2px;font-size:11px;line-height:1.4;display:block}.ml-grid td{background:#e4e8d9;border:1px solid #b1c3aa70;border-radius:4px;height:34px;position:relative}.ml-grid td.ml-bar-start{border-left:2px solid #758f72}.ml-grid .ml-note-on{background:#568477;border-color:#486f61}.ml-note-mark{background:#a8b9a37a;border-radius:50%;width:6px;height:6px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ml-note-on .ml-note-mark{background:#e8f1c7;border-radius:2px;width:11px;height:11px;box-shadow:0 0 0 2px #ecf4d228}.ml-grid td.ml-step-active{outline-offset:0;outline:2px solid #be812d}.ml-grid th.ml-step-active{color:#5c390e;background:#efd197;border-radius:4px}.ml-pattern-note{color:#5f7365;margin:9px 0 0;font-size:14px;line-height:1.65}.ml-player{background:linear-gradient(155deg,#213931e0,#1b2a2e);border:1px solid #a7c5b638;border-radius:20px;min-width:0;padding:27px 25px}.ml-player header>p{color:#b0c7bd}.ml-player h2{color:#edf1de}.ml-duration{color:#b7cbbc;border-bottom:1px solid #b2c6ab2b;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:21px 0;font-size:14px;display:flex}.ml-duration strong{white-space:nowrap;color:#e7e9c7;font-variant-numeric:tabular-nums;font-size:26px;font-weight:500}.ml-primary{text-align:center;background:#d8e9bd;border:1px solid #d8e9bd;border-radius:9px;justify-content:center;align-items:center;gap:11px;min-height:50px;padding:12px 18px;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex;color:#244b3b!important}.ml-primary:not(:disabled):hover{background:#e5f0cf;border-color:#e5f0cf}.ml-play{width:100%;min-height:58px}.ml-playback-meter{margin:20px 0 15px}.ml-playback-meter progress{-webkit-appearance:none;appearance:none;color:#c7dca7;background:#324a40;border:0;border-radius:5px;width:100%;height:7px;display:block;overflow:hidden}.ml-playback-meter progress::-webkit-progress-bar{background:#324a40;border-radius:5px}.ml-playback-meter progress::-webkit-progress-value{background:#c7dca7;border-radius:5px}.ml-playback-meter progress::-moz-progress-bar{background:#c7dca7;border-radius:5px}.ml-playback-meter>div{color:#afc2b9;font-variant-numeric:tabular-nums;justify-content:space-between;gap:15px;margin-top:9px;font-size:14px;line-height:1.5;display:flex}.ml-player-status{color:#bed0c6;min-height:68px;font-size:14px;line-height:1.7;display:block}.ml-error{color:#ffd1b1;font-size:14px;line-height:1.7}.ml-device-tip{color:#b0c4b8;border-top:1px solid #b2c6ab2b;align-items:start;gap:10px;margin:12px 0 0;padding-top:17px;font-size:14px;line-height:1.7;display:flex}.ml-device-tip svg{margin-top:3px}.ml-save{background:#1b292ab8;border:1px solid #b9c8b534;border-radius:17px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 35px;max-width:1400px;margin:21px auto 0;padding:24px 27px;display:grid}.ml-save h2{margin:7px 0 10px}.ml-save p{color:#becdc4;max-width:760px;margin:0;font-size:16px;line-height:1.7}.ml-save small{color:#a0b6ad;margin-top:8px;font-size:14px;line-height:1.7;display:block}.ml-export-status{color:#d3dfb5;border-top:1px solid #a7bfaa33;grid-column:1/-1;padding-top:14px;font-size:14px;line-height:1.7}.ml-file{text-underline-offset:4px;grid-column:1/-1;justify-self:start;align-items:center;gap:10px;min-height:44px;font-size:14px;line-height:1.5;display:inline-flex;color:#d6e4b4!important}.ml-step-list{max-width:1400px;margin:29px auto 0}.ml-step-list header{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.ml-step-list h2{font-size:22px}.ml-step-list header>p{color:#9cb4aa;margin:0;font-size:14px;line-height:1.7}.ml-step-list ol{background:#a0b6a52d;border:1px solid #a0b6a52d;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:12px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.ml-step-list li{background:#182629;align-items:start;gap:12px;min-width:0;padding:15px;display:flex}.ml-step-list li>span{font-variant-numeric:tabular-nums;color:#a4c0ae;font-size:14px;line-height:1.6}.ml-step-list li>p{color:#cbd7c7;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.ml-footer{border-top:1px solid #a4b9b733;justify-content:space-between;align-items:start;gap:35px;max-width:1400px;margin:29px auto 0;padding-top:24px;display:flex}.ml-footer h2{font-size:20px}.ml-footer p{color:#9fb6ac;max-width:850px;margin:0;font-size:14px;line-height:1.8}.ml-footer>a{color:#d2e3b7;align-items:center;gap:11px;min-width:180px;min-height:44px;font-size:14px;line-height:1.6;text-decoration:none;display:inline-flex}.ml-empty{color:#dfebd3;background:#1e302dc9;border:1px solid #adc6b738;border-radius:20px;max-width:1400px;margin:25px auto 0;padding:clamp(24px,5vw,60px)}.ml-empty h2{margin-top:16px;font-size:28px}.ml-empty p{color:#b7cbc0;max-width:700px;font-size:16px;line-height:1.7}.ml-empty .ml-primary{margin-top:12px}.ml-quiet{color:#e7d9b3;background:#4d462a55;border:1px solid #c4b68566;border-radius:10px;max-width:1400px;margin:0 auto 20px;padding:16px 20px;font-size:16px;line-height:1.7;display:block}.ml-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ml-reduced *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (min-width:1450px){.ml-grid{border-spacing:5px}.ml-grid td{height:38px}}@media (max-width:1100px){.ml-nav>span{display:none}.ml-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.ml-pattern,.ml-player{padding:24px 20px}.ml-postmark{min-width:130px;padding:18px 10px}.ml-step-list ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.ml-layout{grid-template-columns:minmax(0,1fr)}.ml-postmark{display:none}.ml-heading{margin-top:22px}.ml-heading h1{font-size:36px}.ml-heading p{font-size:16px}.ml-heading>div>span{letter-spacing:.13em;font-size:10px}.ml-player{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 26px;display:grid}.ml-player>header,.ml-player>.ml-duration{grid-column:1}.ml-player>.ml-play,.ml-player>.ml-playback-meter{grid-column:2}.ml-player>.ml-play{grid-row:1;align-self:center}.ml-player>.ml-playback-meter{grid-row:2}.ml-player>.ml-player-status,.ml-player>.ml-device-tip,.ml-player>p.ml-error{grid-column:1/-1}.ml-duration{margin-bottom:12px}.ml-save{grid-template-columns:1fr;padding:24px}.ml-save>.ml-primary{justify-self:start}.ml-step-list header{display:block}.ml-footer{flex-direction:column;gap:17px}}@media (max-width:500px){.music-listen-page{padding:15px 16px 28px}.ml-nav{gap:14px;padding-bottom:11px}.ml-nav>a{gap:7px;font-size:14px}.ml-heading h1{font-size:32px}.ml-heading>div>span{display:none}.ml-heading{margin-top:20px}.ml-boundary{margin-bottom:20px}.ml-pattern,.ml-player{border-radius:15px;padding:22px 17px}.ml-pattern h2,.ml-player h2{font-size:23px}.ml-score-meta{gap:11px 17px}.ml-player{display:block}.ml-duration{margin-bottom:18px;padding:17px 0}.ml-player-status{min-height:0;margin-bottom:15px}.ml-save{border-radius:15px;padding:22px 18px}.ml-save>.ml-primary{justify-self:stretch;width:100%}.ml-step-list li{gap:8px;padding:12px 9px}.ml-step-list header p{margin-bottom:16px}.ml-step-list li>p{font-size:14px}.ml-footer{margin-top:24px}.ml-primary{padding:12px 14px}.ml-empty{padding:25px 19px}.ml-empty h2{font-size:24px}.ml-quiet{padding:15px 17px}}@media (prefers-reduced-motion:reduce){.music-listen-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}