:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--gb-housing:#153b32;--gb-on-housing:#f5efdf;--gb-secondary-on-housing:#becfc7;--gb-raised:#f5efdf;--gb-on-raised:#153b32;--gb-secondary-on-raised:#52675d;--gb-lip:#b7ad94;--gb-score:#f5efdf;--gb-notation:#153b32;--gb-score-secondary:#52675d;--gb-staff-line:#7f8b7d;--gb-key-light:#f5efdf;--gb-on-key-light:#153b32;--gb-key-dark:#172621;--gb-on-key-dark:#f5efdf;--gb-selected-fill:#f2e7c9;--gb-on-selected:#153b32;--gb-selection-mark:#805b18;--gb-playhead:#805b18;--gb-armed-fill:#f3d5ca;--gb-on-armed:#8a3524;--gb-disabled-fill:#c4c3b4;--gb-on-disabled:#3d4f45;--gb-error-fill:#f3d5ca;--gb-on-error:#8a3524;--gb-chrome-preview:#35594b;--gb-on-chrome-preview:#f5efdf;--gb-control:#f5efdf;--gb-on-control:#153b32;--gb-control-edge:#b7ad94;--gb-control-selected:#aaa492;--gb-on-control-selected:#102d24;--gb-control-selected-edge:#39483f;--gb-secondary-on-control:#52675d;--gb-key-dark-edge:#69756a;--gb-confirmed-beat:#32624c;--gb-on-confirmed-beat:#f5efdf;--gb-key-dark-contact:#2c3a33;--gb-tool-selection-rim:#dbb25e;--gb-tool-selection-seam:#153b32;--gb-entry-icon:#925126;--gb-mode-selected-ink:#e8d7b1;--gb-mode-selection-mark:#dbb25e;--gb-keyboard-rail:#dbb25e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--gb-housing:#0c211c;--gb-on-housing:#e6e5d8;--gb-secondary-on-housing:#afbfb2;--gb-raised:#355246;--gb-on-raised:#e6e5d8;--gb-secondary-on-raised:#becfc7;--gb-lip:#8ca58f;--gb-score:#172f28;--gb-notation:#e6e5d8;--gb-score-secondary:#b3c5b8;--gb-staff-line:#718b7e;--gb-key-light:#e7e0cf;--gb-on-key-light:#153b32;--gb-key-dark:#091711;--gb-on-key-dark:#e7e0cf;--gb-selected-fill:#463e2b;--gb-on-selected:#f5efdf;--gb-selection-mark:#dbb25e;--gb-playhead:#dbb25e;--gb-armed-fill:#50291f;--gb-on-armed:#f2ad91;--gb-disabled-fill:#526257;--gb-on-disabled:#dce5d9;--gb-error-fill:#50291f;--gb-on-error:#f2ad91;--gb-chrome-preview:#233c32;--gb-on-chrome-preview:#e6e5d8;--gb-control:#e9e2d0;--gb-on-control:#153b32;--gb-control-edge:#a99e84;--gb-control-selected:#aaa492;--gb-on-control-selected:#102d24;--gb-control-selected-edge:#39483f;--gb-secondary-on-control:#52675d;--gb-key-dark-edge:#69756a;--gb-confirmed-beat:#32624c;--gb-on-confirmed-beat:#f5efdf;--gb-key-dark-contact:#2c3a33;--gb-tool-selection-rim:#dbb25e;--gb-tool-selection-seam:#153b32;--gb-entry-icon:#925126;--gb-mode-selected-ink:#e2c992;--gb-mode-selection-mark:#dbb25e;--gb-keyboard-rail:#dbb25e}}@media (prefers-contrast:more){:root{--gb-on-housing:#fff;--gb-secondary-on-housing:#f5efdf;--gb-on-raised:#0a241b;--gb-secondary-on-raised:#153b32;--gb-notation:#0a241b;--gb-score-secondary:#153b32;--gb-staff-line:#52675d;--gb-selection-mark:#5c3f0b;--gb-playhead:#5c3f0b;--gb-on-armed:#592014;--gb-on-error:#592014;--gb-on-disabled:#263a2f;--gb-control:#fff;--gb-on-control:#0a241b;--gb-on-control-selected:#071f18;--gb-control-selected-edge:#203c2e;--gb-key-light:#f5efdf;--gb-on-key-light:#0a241b;--gb-secondary-on-control:#153b32;--gb-key-dark-edge:#839181;--gb-control-selected:#aaa492}}@media (prefers-color-scheme:dark) and (prefers-contrast:more){:root{--gb-on-housing:#fff;--gb-secondary-on-housing:#e6e5d8;--gb-on-raised:#fff;--gb-secondary-on-raised:#e6e5d8;--gb-notation:#fff;--gb-score-secondary:#e6e5d8;--gb-staff-line:#a8bdb0;--gb-selection-mark:#f3d597;--gb-playhead:#f3d597;--gb-on-armed:#ffd6c1;--gb-on-error:#ffd6c1;--gb-on-disabled:#d4ddd2;--gb-control:#f5efdf;--gb-on-control:#0a241b;--gb-on-control-selected:#071f18;--gb-control-selected-edge:#203c2e;--gb-key-light:#f5efdf;--gb-on-key-light:#0a241b;--gb-secondary-on-control:#153b32;--gb-key-dark-edge:#839181;--gb-control-selected:#aaa492}}
@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-variable.ttf)format("truetype");font-weight:100 1000;font-style:normal;font-display:swap}*{box-sizing:border-box}html{background:var(--gb-housing);color:var(--gb-on-housing);font-synthesis:none;font-family:DM Sans,system-ui,sans-serif}body{flex-direction:column;min-height:100svh;margin:0;display:flex}main{flex:1}a{color:inherit;text-underline-offset:.25em}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--gb-mode-selection-mark);outline-offset:6px}h1,h2,p{margin-top:0}h1,h2,.wordmark{font-optical-sizing:none;font-variation-settings:"opsz" 36, "SOFT" 0, "WONK" 0;letter-spacing:-.035em;font-family:Fraunces,Georgia,serif}.site-header,.site-footer{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 96px);margin-inline:auto;display:flex}.site-header{border-bottom:1px solid color-mix(in srgb, var(--gb-on-housing) 18%, transparent);padding-block:36px}.wordmark{font-size:2rem;font-weight:700;text-decoration:none}.wordmark span,.accent{color:var(--gb-mode-selection-mark)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600}.site-header>.eyebrow{color:var(--gb-secondary-on-housing)}.site-footer{border-top:1px solid color-mix(in srgb, var(--gb-on-housing) 18%, transparent);color:var(--gb-secondary-on-housing);margin-top:64px;padding-block:28px;font-size:.8rem}.coming-soon{text-align:center;width:min(780px,100% - 40px);margin:clamp(80px,14vh,160px) auto}.coming-soon .lede{margin-inline:auto}.home{grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:min(1180px,100% - 96px);margin:105px auto 100px;display:grid}.hero-copy h1{margin-block:24px;font-size:clamp(3.6rem,6.2vw,6rem);font-weight:500;line-height:1.03}.hero-copy h1 em{color:var(--gb-mode-selection-mark);font-style:normal}.lede{color:var(--gb-secondary-on-housing);max-width:34rem;font-size:1.125rem;line-height:1.75}.button{background:var(--gb-control);min-height:48px;color:var(--gb-on-control);border:1px solid var(--gb-control-edge);box-shadow:0 3px 0 var(--gb-control-edge);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:28px;margin-block:14px;padding:13px 20px;font-weight:600;text-decoration:none;display:inline-flex}.button:active{box-shadow:0 1px 0 var(--gb-control-edge);transform:translateY(2px)}.quiet{color:var(--gb-secondary-on-housing);margin-top:14px;font-size:.8rem}.notebook{color:var(--gb-notation);background:var(--gb-score);border:1px solid var(--gb-lip);box-shadow:0 5px 0 color-mix(in srgb, var(--gb-lip) 75%, var(--gb-score)), 0 24px 65px #0003;border-radius:9px;padding:32px 30px 22px;transform:rotate(-3deg)}.notebook-heading,.notebook-foot,.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.notebook-heading{color:var(--gb-score-secondary);margin-bottom:45px;font-size:.8rem}.notebook h2{margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500}.notebook p,.notebook-foot{color:var(--gb-score-secondary);font-size:.8rem;line-height:1.6}.notebook-foot{border-top:1px solid var(--gb-staff-line);padding-top:22px}.notebook-foot>:last-child{font-size:1.65rem}.staff-specimen{width:100%;height:auto;margin-block:26px;display:block}.staff-line{stroke:var(--gb-staff-line);stroke-width:1px}.bar-line,.note line{stroke:var(--gb-notation);stroke-width:1.7px}.note{fill:var(--gb-notation)}.player-page{width:min(920px,100% - 96px);margin:56px auto}.song-heading h1{overflow-wrap:anywhere;margin-bottom:14px;font-size:clamp(2.25rem,5vw,3.9rem);font-weight:500;line-height:1.15}.song-heading .lede{margin-bottom:32px}.video-frame,.video-placeholder{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--gb-on-housing) 20%, transparent);background:#081510;border-radius:9px;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;display:block}.video-placeholder{color:#f5efdf;flex-direction:column;justify-content:center;align-items:center;display:flex}.play-mark{border:1px solid #65796d;border-radius:50%;place-items:center;width:66px;height:66px;margin-bottom:22px;font-size:2rem;display:grid}.video-placeholder p{margin-bottom:8px;font-size:1.1rem}.video-placeholder>:last-child{color:#becfc7;text-align:center;padding-inline:16px;font-size:.8rem}.source-link{color:var(--gb-secondary-on-housing);justify-content:space-between;gap:20px;margin-top:15px;font-size:.8rem;line-height:1.6;display:flex}.source-link a{flex-shrink:0}.score-panel{border:1px solid var(--gb-lip);background:var(--gb-score);color:var(--gb-notation);border-radius:9px;margin-top:30px;padding:24px 30px}.panel-heading h2{margin:0;font-size:1.4rem;font-weight:500}.panel-heading .eyebrow,.synchronized-staff{margin-block:20px;overflow:hidden}.score-caption{color:var(--gb-score-secondary)}.synchronized-staff{margin-block:20px;overflow:hidden}.attribution{color:var(--gb-secondary-on-housing);overflow-wrap:anywhere;font-size:.9rem;line-height:1.6}.score-caption{margin-bottom:0;font-size:.8rem}.score-pending{text-align:center;margin:56px 0;line-height:1.8}.score-pending span{color:var(--gb-score-secondary)}.message{width:min(720px,100% - 48px);margin:100px auto}.message h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:500;line-height:1.15}.skip-link{z-index:10;background:var(--gb-control);color:var(--gb-on-control);padding:16px;position:absolute;top:-100px;left:24px}.skip-link:focus{top:16px}@media (max-width:800px){.site-header,.site-footer,.home,.player-page{width:calc(100% - 40px)}.site-header{padding-block:24px}.wordmark{font-size:1.75rem}.home{grid-template-columns:1fr;gap:52px;margin-block:54px 60px}.hero-copy h1{font-size:clamp(3.5rem,12vw,5.5rem)}.notebook{transform:none}.site-footer{align-items:flex-start;margin-top:24px}.player-page{margin-top:36px}.score-panel{padding:20px}.source-link{flex-direction:column;gap:8px}.panel-heading{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.button:active{transform:none}}