:root{--red:#cf3338;--dark:#1f2120;--gray:#616361;--line:#dedfde;--white:#fff;--light:#f5f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--dark);font-family:Arial,sans-serif;font-size:16px;line-height:1.55;border-top:5px solid var(--red)}.wrap{max-width:1240px;margin:auto;padding:0 42px}a{color:var(--red);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:4px}.masthead{min-height:101px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.masthead img{display:block;width:230px;height:auto}.masthead nav{display:flex;gap:26px;font-size:13px;font-weight:bold}.masthead nav a{color:var(--dark);text-decoration:none}.intro{display:grid;grid-template-columns:1fr 300px;gap:70px;padding:62px 0 54px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--red);margin:0 0 13px}h1,h2,h3{line-height:1.13;margin-top:0}h1{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(45px,6vw,74px);letter-spacing:-3px;color:var(--red);margin-bottom:19px}h2{font-size:27px;letter-spacing:-.65px;margin-bottom:14px}h3{font-size:19px;margin-bottom:11px}.lede{font-size:25px;line-height:1.35;margin:0 0 21px}.intro-copy{max-width:580px;font-size:16px;color:var(--gray);margin:0}.book-note{border-left:1px solid var(--line);padding-left:32px;align-self:center}.big-number{font-size:78px;line-height:1;letter-spacing:-4px;font-weight:bold;display:block}.book-note-label{text-transform:uppercase;font-size:11px;letter-spacing:1.4px;font-weight:bold}.book-note p{font-size:14px;margin:20px 0 13px;color:var(--gray)}.book-note a{font-size:12px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:22px}.section-top h2{margin-bottom:0}.section-top>p{font-size:12px;max-width:240px;text-align:right}.muted{color:var(--gray)}.small{font-size:12px}.toolbar{display:grid;grid-template-columns:1fr 235px 170px;gap:16px;margin:25px 0 18px}.toolbar label,.note-label{display:block;font-size:12px;font-weight:bold;margin-bottom:6px}input,select,textarea{border:1px solid #a9aaa9;border-radius:4px;padding:11px 12px;background:white;color:var(--dark);width:100%}input::placeholder{color:#737573}input[type=checkbox]{width:auto;accent-color:var(--red)}.desk{display:grid;grid-template-columns:44% 1fr;gap:28px;align-items:start}.list-top{display:flex;justify-content:space-between;align-items:center;padding:8px 0 11px;font-size:12px;border-bottom:1px solid var(--line)}.song-list{max-height:655px;overflow:auto;scrollbar-color:#b1b3b1 white}.song-row{display:grid;grid-template-columns:44px 1fr 21px;gap:10px;align-items:center;width:100%;text-align:left;background:white;border:0;border-bottom:1px solid var(--line);padding:15px 12px 15px 8px;color:var(--dark);border-left:3px solid transparent}.song-row:hover{background:var(--light)}.song-row[aria-current=true]{border-left-color:var(--red);background:var(--light)}.page-no{font-size:14px;color:var(--gray);font-variant-numeric:tabular-nums}.page-no small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px}.song-name{display:block;font-size:14px;line-height:1.35;font-weight:bold}.song-artist{display:block;font-size:12px;color:var(--gray);margin-top:4px}.row-mark{color:var(--red);font-size:18px}.empty{padding:25px 12px;color:var(--gray)}.listening-pane{border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-top:4px}.detail-heading{padding:25px 25px 20px}.detail-heading h2{font-size:26px;margin:9px 0 8px}.detail-kicker{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--gray)}.save-btn{border:1px solid #b1b3b1;background:#fff;font-size:12px;padding:6px 10px;border-radius:3px;text-transform:none;letter-spacing:0;color:var(--dark)}.save-btn[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:white}.byline{font-size:14px;color:var(--gray);margin:0}.player-shell{background:var(--dark);color:white;min-height:260px;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9}.player-shell iframe{border:0;width:100%;height:100%;min-height:260px}.player-placeholder{padding:30px;text-align:center;max-width:420px}.player-placeholder p{color:#d3d5d3;font-size:13px}.play-main{background:#fff;border:0;color:var(--dark);padding:12px 22px;border-radius:4px;font-weight:bold}.detail-body{padding:20px 25px 25px}.recording-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.recording-tab{border:1px solid #b1b3b1;background:white;padding:7px 10px;border-radius:3px;font-size:12px;color:var(--dark)}.recording-tab[aria-pressed=true]{background:var(--dark);color:white;border-color:var(--dark)}.recording-title{font-weight:bold;font-size:14px;margin:0 0 6px}.recording-note,.history-note{font-size:12px;color:var(--gray);margin:7px 0}.recording-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;margin:13px 0 17px}.practice-controls{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.heard{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:15px}.note-label{color:var(--gray)}textarea{min-height:72px;resize:vertical;font-size:13px}.primary,.secondary{display:inline-block;text-align:center;border-radius:4px;padding:11px 17px;font-size:13px;font-weight:bold;text-decoration:none}.primary{border:1px solid var(--red);background:var(--red);color:#fff}.secondary{border:1px solid #9b9d9b;background:white;color:var(--dark)}.text-button{background:transparent;border:0;color:var(--red);padding:5px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.queue-section{margin-top:40px;background:var(--dark);color:white;padding:32px;display:grid;grid-template-columns:1fr 270px;gap:10px 35px;border-radius:5px}.queue-section p{font-size:14px;color:#d5d6d5;max-width:580px;margin-bottom:0}.queue-section .eyebrow{color:white;font-size:11px;margin-bottom:13px}.queue-actions{display:flex;flex-direction:column;gap:9px;align-self:center}.queue-actions .text-button{color:white}.queue-section .queue-footnote{grid-column:1/-1;font-size:11px;color:#c4c6c4;margin-top:14px}.queue-list{font-size:12px;max-height:190px;overflow:auto;padding-left:24px}.queue-list a{color:var(--red)}.about{margin:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.about summary{cursor:pointer;font-size:14px;font-weight:bold}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:25px 0 5px;font-size:14px}.about-grid h3{font-size:17px}.backup-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.file-label{font-size:13px;color:var(--red)}#restore{font-size:12px;padding:5px}.make-banner{padding:22px 0 37px;max-width:700px}.make-banner p{font-size:15px;color:var(--gray)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding-top:25px!important;padding-bottom:28px!important;font-size:11px;color:var(--gray)}.skip{position:absolute;top:-80px;background:#fff;padding:12px;z-index:5}.skip:focus{top:5px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--dark);color:white;padding:10px 20px;border-radius:4px;font-size:13px;display:none;z-index:10}.guide{max-width:850px;padding-top:50px}.guide h1{font-size:54px}.guide h2{margin-top:36px}.guide p{max-width:720px}.guide pre{white-space:pre-wrap;font-family:Arial,sans-serif;font-size:15px;line-height:1.65;border:1px solid var(--line);padding:24px;border-radius:4px}.guide .step-list{padding-left:22px}.guide .step-list li{margin-bottom:15px}.guide .actions{display:flex;gap:13px;flex-wrap:wrap;margin:20px 0 35px}.guide blockquote{border-left:3px solid var(--red);padding-left:22px;margin-left:0}.guide hr{border:0;border-top:1px solid var(--line);margin:36px 0}@media(max-width:950px){.wrap{padding-left:25px;padding-right:25px}.intro{gap:35px;grid-template-columns:1fr 240px}.desk{grid-template-columns:42% 1fr;gap:18px}.toolbar{grid-template-columns:1fr 200px 150px}.detail-heading,.detail-body{padding:20px}.masthead nav{gap:17px;font-size:12px}}@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.masthead{min-height:110px;align-items:flex-start;justify-content:center;flex-direction:column;gap:17px;padding-top:20px;padding-bottom:18px}.masthead img{width:205px}.masthead nav{gap:22px;font-size:11px}.intro{display:block;padding:38px 0}.intro h1{letter-spacing:-2px}.lede{font-size:22px}.book-note{border-left:0;border-top:1px solid var(--line);padding:19px 0 0;margin-top:25px}.big-number{display:inline;font-size:34px;letter-spacing:-1px;margin-right:12px}.book-note p{margin:10px 0}.section-top{display:block}.section-top>p{text-align:left;max-width:none;margin:12px 0 0}.toolbar{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.search-field{grid-column:1/-1}.desk{display:flex;flex-direction:column}.catalog-pane{width:100%}.song-list{max-height:330px}.listening-pane{width:100%;scroll-margin-top:15px}.queue-section{display:block;padding:25px 22px;margin-top:25px}.queue-actions{margin-top:23px}.about-grid{grid-template-columns:1fr;gap:18px}.player-shell,.player-shell iframe{min-height:210px}.make-banner h2{font-size:24px}footer{flex-direction:column;gap:12px}.guide h1{font-size:40px}.guide{padding-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

html{scroll-behavior:auto}.library-intro{padding:58px 0 52px}.library-intro .lede{font-size:29px}.book-grid{margin:24px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.book-card{max-width:780px;padding:32px;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:4px}.book-card h3{font-size:30px;letter-spacing:-.6px;margin-bottom:18px}.book-card h3 span{display:block;font-size:23px;font-weight:normal;letter-spacing:0;margin-top:6px}.book-card>p:not(.eyebrow){color:var(--gray);max-width:590px}.book-card-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}.book-card-actions>a:not(.primary){font-size:13px}.library-note{max-width:720px;color:var(--gray);font-size:14px;margin-bottom:45px}.book-intro{padding:40px 0 31px}.book-intro h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin-bottom:8px;max-width:850px}.book-subtitle{font-size:27px;margin:0 0 18px;line-height:1.2}.book-intro .intro-copy{max-width:800px}.book-intro>p:last-child{font-size:13px;margin:18px 0 0}.book-page .desk{grid-template-columns:300px minmax(0,1fr)}.book-page .player-shell{position:relative;aspect-ratio:16/9;min-height:270px}.book-page .player-shell iframe{position:absolute;inset:0;width:100%;height:100%;min-height:0}.book-page .player-shell:has(iframe[src*="spotify"]){min-height:352px}.player-tabs{padding:0 25px 18px;margin:0}.book-page .detail-heading{padding-bottom:17px}.book-page .practice-controls{font-size:13px}.practice-controls summary,.selection-context summary{cursor:pointer;font-weight:bold}.practice-controls .save-btn{margin:16px 0 14px}.selection-context{font-size:12px;margin-top:16px;color:var(--gray)}.practice-controls .backup-link{display:block;margin-top:8px;font-size:12px}.about-copy{max-width:780px;font-size:14px;padding-top:10px}.widen-player{font-size:11px;white-space:nowrap}.desk.wide-player{grid-template-columns:1fr}.desk.wide-player .listening-pane{grid-row:1}.desk.wide-player .song-list{max-height:280px}.book-page .recording-title{font-size:16px}.book-page .recording-note{margin-top:5px}.playback-help{font-size:12px;color:var(--gray);margin-bottom:10px}.book-page .about{margin:24px 0}.library-page .make-banner{border-top:1px solid var(--line);padding-top:30px;max-width:none}.library-page .make-banner p{max-width:650px}@media(max-width:950px){.book-page .desk{grid-template-columns:270px minmax(0,1fr)}}@media(max-width:900px){.book-page .desk{display:flex;flex-direction:column}.book-page .catalog-pane,.book-page .listening-pane{width:100%}.book-page .song-list{max-height:300px}.book-page .player-shell{min-height:230px}.widen-player{display:none}.desk.wide-player .listening-pane{order:-1}}@media(max-width:700px){.library-intro{padding:38px 0}.library-intro .lede{font-size:24px}.book-card{padding:24px}.book-card h3{font-size:26px}.book-card h3 span{font-size:21px}.book-grid{grid-template-columns:1fr}.book-intro{padding:32px 0}.book-intro h1{letter-spacing:-1px}.book-subtitle{font-size:23px}.player-tabs{padding:0 20px 15px}.book-page .player-shell{min-height:220px}.book-meta{display:block}}

/* Keep minimum player height from forcing a wider aspect-ratio box on phones. */
.book-page .player-shell{width:100%;min-width:0}

.arrangement-note{margin:0;padding:12px 25px 17px;font-size:13px;line-height:1.5;color:var(--dark)}.arrangement-note strong{display:block;margin-bottom:2px}@media(max-width:700px){.arrangement-note{padding-left:20px;padding-right:20px}}