.scale-book__chapter-inline{color:#71747e;white-space:nowrap;align-items:center;gap:12px;font-size:13px;display:flex}.scale-book__chapter-inline .scale-book__customize{gap:8px;padding:8px 14px;font-size:13px;font-weight:650}.scale-reader__tempo{justify-content:space-between;align-items:center;gap:12px;display:flex}.scale-book__tempo-label{flex-direction:column;gap:1px;line-height:1.25;display:flex}.scale-book__tempo-label b{font-weight:600}.scale-book__tempo-label small{color:#a5a7ad;font-size:11px;font-weight:400}.scale-book__ranges{flex-wrap:wrap;gap:0 22px;margin-top:8px;display:flex}.scale-book__line-option{cursor:pointer;align-items:center;gap:10px;min-height:34px;display:flex}.scale-reader .scale-book__panel-body{gap:2px;margin-top:18px}.scale-reader .scale-book__keys{grid-template-columns:repeat(4,1fr);gap:0 8px;margin-top:6px}.scale-book__order{gap:18px;margin-top:8px;display:flex}.scale-book{color:#292a33;max-width:1400px;margin:0 auto;padding:64px 24px 130px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}.scale-book__header{justify-content:space-between;align-items:center;gap:20px;display:flex}.scale-book__back{color:#71747e;font-size:14px;text-decoration:none}.scale-book h1{letter-spacing:-.04em;margin:12px 0 0;font-size:42px;font-weight:780;line-height:1.04}.scale-book button{cursor:pointer;font-family:inherit}.scale-book button:disabled{opacity:.35;cursor:default}:is(.scale-book button:focus-visible,.scale-book a:focus-visible,.scale-book select:focus-visible,.scale-book input:focus-visible){outline-offset:3px;outline:3px solid #678956}.scale-book__customize{color:#40553d;background:#e7eee3;border:1px solid #d7e1d2;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:680;display:flex}.scale-book__customize:hover{background:#dce8d7}.scale-book__others-toggle{color:#555b61;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:12px;padding:8px 2px;font-size:13px;font-weight:500;line-height:1.3;display:flex}.scale-book__others-toggle>span:first-of-type:not(:last-child){color:#40553d;background:#e8eee5;border-radius:10px;place-items:center;min-width:19px;height:19px;font-size:11px;display:inline-grid}.scale-book__others-toggle>span:last-child{color:#85868e;margin-left:auto;font-size:20px;line-height:1}.scale-book__other-types{margin-top:6px}.scale-book__other-note{color:#777a80;margin:8px 0 0;font-size:11px;line-height:1.4}.scale-book__chapter{flex-wrap:wrap;align-items:baseline;gap:12px 20px;margin:38px 0 22px;display:flex}.scale-book__chapter h2{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:700;line-height:1.15}.scale-book__chapter p{color:#71747e;margin:0;font-size:14px}.scale-book__paper{background:#fff;border-radius:20px;padding:12px 28px;box-shadow:0 8px 28px #292a330e}.scale-book__scale{border-bottom:1px solid #eeeef0;padding:22px 0 12px;scroll-margin-top:90px}.scale-book__scale:last-child{border-bottom:0}.scale-book__scale-heading{justify-content:space-between;align-items:center;gap:12px;padding:0 8px;display:flex}.scale-book__scale h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.scale-book__metronome{align-items:center;gap:2px;display:flex}.scale-book__metronome button{color:#71747e;background:0 0;border:0;border-radius:12px;min-width:40px;min-height:40px;font-size:16px}.scale-book__metronome button:hover{background:#f5f5f7}.scale-book__tempo{font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;min-width:60px;font-size:14px}.scale-book__metronome .scale-book__play{color:#40553d;background:#e7eee3;margin-left:8px;font-size:12px}.scale-book__metronome .scale-book__play[aria-pressed=true]{background:#dce8d7;box-shadow:inset 0 0 0 2px #678956}.scale-book__scale[data-playing] h3{color:#46633d}.scale-book__notation{min-height:138px;padding-top:4px}.scale-book__notation>div{width:100%;min-height:130px}.scale-book__notation svg{display:block}.scale-book__empty{color:#71747e;padding:36px 8px;font-size:14px}.scale-book__panel{color:#292a33;background:#fff;border:0;border-radius:22px;width:340px;max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 96px);margin:0;padding:24px;position:fixed;inset:80px 16px 16px auto;box-shadow:0 9px 28px #292a331a}.scale-book__panel::backdrop{background:#292a3329}.scale-book__panel-close{color:#5a5c63;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;font-size:28px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.scale-book__panel-body{gap:28px;margin-top:4px;font-size:14px;display:grid}.scale-book__section{border-bottom:1px solid #eeeef0}.scale-book__section:last-of-type{border-bottom:0}.scale-book__section-summary{color:#292a33;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:12px 0;font:600 15px inherit;display:flex}.scale-book__disclosure{color:#a5a7ad;font-size:11px;transition:transform .15s;display:inline-block}.scale-book__section-summary[aria-expanded=true] .scale-book__disclosure{transform:rotate(90deg)}.scale-book__section-body{padding-bottom:18px}.scale-book__key-actions{gap:16px;margin:0 0 12px;display:flex}.scale-book__key-actions button{color:#46633d;background:0 0;border:0;padding:4px 0;font-size:14px}.scale-book__keys{grid-template-columns:repeat(3,1fr);column-gap:12px;display:grid}.scale-book__keys label{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.scale-book__keys input{accent-color:#678956;width:16px;height:16px;margin:0}.scale-book__range{gap:12px;font-weight:600;display:grid}.scale-book__range select{color:#292a33;background:#f1f1f4;border:0;border-radius:12px;width:100%;padding:12px;font-family:inherit;font-size:14px;font-weight:400}.scale-book__rotation-hint{color:#71747e;margin:0 0 10px;font-size:12.5px;font-style:italic}.scale-book__preset-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.scale-book__preset{color:#292a33;background:#f1f1f4;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:2px 0;display:flex;position:relative}.scale-book__preset:hover{background:#e7e7ea}.scale-book__preset.selected{color:#40553d;background:#dce8d7;box-shadow:inset 0 0 0 2px #678956}.scale-book__preset-icon{width:68px;height:38px;display:block}.scale-book__preset-custom-badge{color:#fff;background:#71747e;border-radius:50%;place-items:center;width:15px;height:15px;font:11px/1 serif;display:inline-grid;position:absolute;top:3px;left:3px}.scale-book__preset.selected .scale-book__preset-custom-badge{background:#678956}.scale-book__custom-editor{border-top:1px dashed #dcded5;margin-top:12px;padding-top:12px}.scale-book__group-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.scale-book__group-row input[type=number]{text-align:center;font-size:13px;-webkit-appearance:auto!important;appearance:auto!important;background:#fff!important;border:1px solid #dcded5!important;border-radius:8px!important;flex:0 0 48px!important;width:48px!important;height:34px!important}.scale-book__group-row select{background:#f1f1f4;border:0;border-radius:8px;flex:1;height:34px;padding:0 8px;font-family:inherit;font-size:13px}.scale-book__group-row button{color:#a5a7ad;background:0 0;border:0;border-radius:50%;flex:0 0 28px;width:28px;height:28px;font-size:16px}.scale-book__group-row button:hover:not(:disabled){color:#71747e;background:#f5f5f7}.scale-book__add-group{color:#46633d;background:0 0;border:0;padding:6px 0;font-size:13px;font-weight:600}@media (max-width:760px){.scale-book{padding:24px 16px 130px}.scale-book h1{font-size:36px}.scale-book__chapter{margin-top:28px}.scale-book__paper{padding:4px 8px}.scale-book__scale-heading{padding:0 4px}.scale-book__scale h3{font-size:16px}.scale-book__metronome button{min-width:36px;min-height:44px}.scale-book__panel{top:76px}.scale-book__chapter-inline span{display:none}}@media print{.studio-navigation,.scale-book__customize,.scale-book__back,.scale-book__panel,.scale-book__metronome button{display:none!important}.scale-book{max-width:none;padding:0}.scale-book__paper{box-shadow:none;padding:0}.scale-book__scale{break-inside:avoid}}.scale-reader .scale-book__panel{border:0;border-radius:22px;width:360px;max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 48px);margin:auto;padding:20px;inset:0;box-shadow:0 9px 28px #292a331a}.scale-reader .scale-book__panel-close{z-index:2;cursor:pointer;background:#fff;border-radius:12px;width:auto;min-width:64px;height:44px;margin-left:auto;font-size:14px;position:sticky;top:0}.scale-reader .scale-book__panel-close:hover{background:#fff}.scale-reader .scale-book__panel-body{margin-top:8px}.score-marks{pointer-events:none;z-index:6;position:absolute;inset:0}.scale-reader__tempo{flex-wrap:nowrap}.scale-book__tempo-label{flex:auto;min-width:0}.scale-book__metronome{flex:none}.reader-settings-panel :is([data-tone-group],[data-scale-group]){border-radius:12px;padding:2px 8px;position:relative}.reader-settings-panel .scale-book__section{margin-bottom:0}.reader-settings-panel .scale-book__section-summary{padding:4px 8px}.reader-settings-panel .scale-book__panel-body{gap:0}:is([data-tone-group],[data-scale-group])[data-just-focused]:after{content:"";background:var(--spectrum);-webkit-mask-composite:xor;pointer-events:none;border-radius:12px;padding:1.5px;animation:1.2s ease-in-out both studio-section-focus;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes studio-section-focus{0%,to{opacity:0}25%,60%{opacity:.6}}@media (prefers-reduced-motion:reduce){:is([data-tone-group],[data-scale-group])[data-just-focused]:after{opacity:.6;animation:none}}.scale-book__section-body[hidden]{display:none}.scale-book__note-pickers{gap:2px;margin-top:8px;display:grid}.scale-book__note-current{width:100%;font:inherit;color:#71747e;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:7px 2px;font-size:12.5px;display:flex}.scale-book__note-current b{color:#292a33;background:#292a330f;border-radius:9px;padding:3px 10px;font-size:14px;font-weight:600;transition:background-color .16s,color .16s}.scale-book__note-current:hover b{background:#292a331c}.scale-book__note-current[aria-expanded=true] b{color:#40553d;background:#e4ecdf}.scale-book__note-grid-wrap{gap:8px;padding:2px 0 8px;display:grid}.scale-book__octave{color:#71747e;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;display:flex}.scale-book__octave select{font:inherit;border:1px solid var(--line,#dedfd9);color:#292a33;background:#fff;border-radius:8px;padding:5px 8px;font-size:13px}.scale-book__note-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.scale-book__note-grid .scale-book__chip{text-align:center;min-height:32px;padding:5px 2px}.scale-book__note-grid .scale-book__chip:disabled{opacity:.3;cursor:default}@media (max-width:760px){.restored-reader .scale-book__chapter-inline{white-space:normal;flex-wrap:wrap;gap:4px;width:100%;min-width:0;font-size:12px}.restored-reader .scale-book__chapter-inline .scale-book__crumb{min-width:44px;min-height:44px;padding:2px;font-size:12px}}.scale-book__others-toggle .chevron-icon{flex:none;width:18px;height:18px;transition:transform .15s}.scale-book__others-toggle[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}