@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#202d27;--green:#17c977;--dark:#14392c;--muted:#87918a;--line:#e5e9e2;background:#f6f7f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}button svg,a svg{flex-shrink:0}button{transition:background .15s,color .15s,transform .15s}.studio-shell{min-height:100vh}.side-nav{border-right:1px solid var(--line);z-index:40;background:#fcfcf9;flex-direction:column;width:236px;padding:35px 22px 24px;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{letter-spacing:-1px;white-space:nowrap;align-items:center;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;display:flex}.wordmark>span:not(.brand-square){font-weight:500}.wordmark>i{background:var(--green);border-radius:100%;align-self:end;width:5px;height:5px;margin:0 0 9px 2px}.brand-square{background:var(--dark);color:#46df9a;border-radius:9px;place-items:center;width:32px;height:35px;margin-right:8px;display:grid}.nav-caption{letter-spacing:1.8px;color:#a1a79f;margin:52px 0 16px 13px;font-size:9px;font-weight:600}.side-nav nav{gap:8px;display:grid}.side-nav nav button,.side-settings{color:#7a857d;text-align:left;border-radius:9px;align-items:center;gap:13px;min-height:44px;padding:11px 13px;font-size:12px;display:flex}.side-nav nav button svg,.side-settings svg{stroke-width:1.6px}.side-nav nav button:hover,.side-settings:hover{color:#273b2e;background:#f0f4ee}.side-nav nav button.active{color:#174c31;background:#e2f5e9;font-weight:600}.side-nav nav button.active svg{color:#16b96c}.side-nav nav button small{background:#fff;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:9px}.side-divider{border-top:1px solid var(--line);margin:24px 12px 15px}.side-bottom{margin-top:auto;padding-top:30px}.side-offer{background:linear-gradient(135deg,#edf3e7,#e0ece0);border:1px solid #e0e9da;border-radius:13px;padding:19px 16px}.mini-key{color:#418c59;background:#fcfff8;border-radius:8px;place-items:center;width:31px;height:32px;margin-bottom:12px;display:inline-grid;box-shadow:0 3px 8px #273b2e08}.side-offer h3{letter-spacing:-.3px;font-size:13px}.side-offer p{color:#82917f;margin-top:6px;font-size:10px;line-height:1.6}.side-offer button{border-top:1px solid #d3dfcf;justify-content:space-between;align-items:center;width:100%;margin-top:17px;padding-top:13px;font-size:10px;font-weight:600;display:flex}.side-bottom>a{color:#929b92;justify-content:center;align-items:center;gap:8px;margin-top:23px;font-size:10px;display:flex}.main-column{margin-left:236px}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:30;background:#f9faf6e8;align-items:center;gap:24px;height:94px;padding:0 48px;display:flex;position:sticky;top:0}.header-title{white-space:nowrap;align-items:center;gap:12px;font-size:12px;font-weight:550;display:flex}.header-dot{background:#22c67b;border-radius:50%;width:5px;height:5px}.search-field{color:#9aa39a;background:#fff;border:1px solid #e4e8e0;border-radius:9px;align-items:center;gap:11px;width:390px;min-width:200px;max-width:40%;height:41px;margin-left:auto;padding:0 13px;display:flex}.search-field>svg{stroke-width:1.5px}.search-field input{color:#314134;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.search-field input::placeholder{color:#9ba49a}.search-field kbd{color:#a7aea5;font-size:13px}.search-field button{padding:0;display:flex}.lang-toggle{color:#7d897f;padding:6px;font-size:10px}.account-button{white-space:nowrap;border:1px solid #d9dfd4;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:10px;display:flex}.mobile-menu{display:none}.content{max-width:1700px;margin:auto;padding:29px 48px 0}.welcome-line{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.welcome-line p{color:#6f7d70;font-size:12px}.welcome-line>span{color:#99a195;align-items:center;gap:7px;font-size:9px;display:flex}.welcome-hero{background:#15392b;border-radius:19px;grid-template-columns:1.04fr 1fr;min-height:366px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;color:#fff;background:linear-gradient(90deg,#15392b 80%,#15392b00);padding:40px 38px 33px}.hero-kicker{letter-spacing:1.4px;color:#a6c1aa;align-items:center;gap:7px;margin-bottom:20px;font-size:8px;display:flex}.hero-kicker>span{background:#66df9e;border-radius:50%;width:4px;height:4px}.hero-copy h1{letter-spacing:-1.8px;white-space:nowrap;font-size:clamp(31px,2.7vw,49px);font-weight:650;line-height:1.22}.hero-copy h1 em{color:#8de0ad;font-style:normal}.hero-copy>p{color:#adc4b3;max-width:310px;margin-top:17px;font-size:11px;line-height:1.9}.primary{background:var(--green);color:#073823;border-radius:8px;justify-content:center;align-items:center;gap:11px;padding:14px 18px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 5px 15px #0429140a}.primary:hover{background:#42dd95;transform:translateY(-1px)}.hero-copy>.primary{justify-content:flex-start;min-width:190px;margin-top:23px}.hero-copy>.primary svg:last-child{margin-left:auto}.hero-copy>small{color:#92ae99;margin-top:12px;font-size:8px;display:block}.hero-photo{min-height:366px;position:relative}.hero-photo>img{object-fit:cover;filter:saturate(.7);object-position:48% 43%;width:100%;height:100%;position:absolute;inset:0}.photo-shade{background:linear-gradient(90deg,#15392b 0%,#15392b00 28%),linear-gradient(#0000 50%,#0b271991);position:absolute;inset:0}.hero-chord{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffe;border:1px solid #fff6;border-radius:12px;width:211px;padding:16px 18px;position:absolute;bottom:34px;left:11px;transform:rotate(-4deg);box-shadow:0 12px 40px #05150b33}.hero-chord>span{letter-spacing:1.2px;color:#8b978b;align-items:center;gap:5px;font-size:6px;display:flex}.pulse-dot{background:var(--green);border-radius:50%;width:4px;height:4px}.hero-chord>b{letter-spacing:-1px;font-family:Manrope;font-size:29px;font-weight:650;line-height:1.5}.mini-piano{border:1px solid #cbd4c8;border-radius:4px;width:100%;height:37px;display:flex;overflow:hidden}.mini-piano>i{background:#fff;border-right:1px solid #d0d7cd;flex:1;position:relative}.mini-piano>i:last-child{border:0}.mini-piano>i.lit{background:#28d082}.mini-piano em{z-index:1;background:#202b24;border-radius:0 0 2px 2px;width:55%;height:63%;position:absolute;top:0;right:-27%}.hero-chord>small{color:#92a08f;margin-top:10px;font-size:6px;display:block}.photo-label{letter-spacing:1.4px;color:#d8e4d6;font-size:6px;position:absolute;bottom:15px;right:20px}.practice-note{background:#f0f3e9;border:1px solid #e6eadd;border-radius:11px;align-items:center;gap:13px;margin-top:18px;padding:15px 18px;display:flex}.practice-icon{color:#83a47c;background:#fcfdf8;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.practice-note b{font-size:10px;font-weight:600}.practice-note div>span{color:#93a08c;margin-top:4px;font-size:9px;display:block}.practice-note>button{color:#7a8f70;align-items:center;gap:10px;margin-left:auto;font-size:9px;display:flex}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin:34px 0 19px;display:flex}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;color:#99a38f;margin-bottom:8px;font-size:7px;font-weight:600}.section-heading h2{letter-spacing:-.65px;font-size:22px;font-weight:700;line-height:1.35}.text-link{color:#7c8b78;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.song-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:21px;display:grid}.song-card{background:#fff;border:1px solid #e7eae2;border-radius:12px;min-width:0;transition:box-shadow .2s,transform .2s;overflow:hidden}.song-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #253c2110}.cover-button{aspect-ratio:1.36;background:#1c2920;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cover-button>img{object-fit:cover;object-position:center;filter:saturate(.75);width:100%;height:100%;transition:transform .4s}.song-card:hover .cover-button>img{transform:scale(1.05)}.cover-gradient{background:linear-gradient(#15221600 30%,#101e14aa);position:absolute;inset:0}.free-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#34764e;letter-spacing:.5px;background:#fffffff0;border-radius:4px;padding:4px 7px;font-size:6px;font-weight:650;position:absolute;top:11px;left:11px}.cover-play{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#ffffff30;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:12px;left:12px}.cover-play>svg{width:13px;transform:translate(1px)}.song-card:hover .cover-play{background:var(--green);border-color:var(--green)}.cover-duration{color:#e3eadf;font-size:7px;position:absolute;bottom:16px;right:11px}.song-card-copy{padding:13px}.song-title{text-align:left;-webkit-line-clamp:2;letter-spacing:-.1px;-webkit-box-orient:vertical;min-height:33px;padding:0;font-size:11px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.artist-name{color:#9ca496;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;padding:0;font-size:8px;display:block;overflow:hidden}.artist-name:hover{color:#248a52}.song-meta{color:#99a18f;border-top:1px solid #f0f1eb;align-items:center;gap:7px;margin-top:13px;padding-top:10px;font-size:7px;display:flex}.song-meta>span{color:#8ca280;text-align:center;background:#f1f5ee;border-radius:4px;min-width:22px;padding:3px 6px}.song-meta>i{background:#b5bdae;border-radius:50%;width:2px;height:2px}.heart{color:#aab3a0;margin-left:auto;padding:2px;display:flex}.heart>svg{stroke-width:1.4px}.saved{color:#16ba70!important}.artist-section{margin:34px 0}.artist-strip{background:#f9faf6;border:1px solid #e5e9df;border-radius:13px;grid-template-columns:repeat(8,minmax(0,1fr));gap:17px;padding:21px 13px 22px;display:grid}.artist-strip button{flex-direction:column;align-items:center;min-width:0;padding:0;display:flex}.artist-strip img,.all-artists>span{object-fit:cover;filter:saturate(.55);border:4px solid #fff;border-radius:50%;width:66px;height:66px;box-shadow:0 1px 4px #172c2115}.artist-strip b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:11px;font-size:8px;font-weight:550;line-height:1.6;overflow:hidden}.artist-strip small{color:#a3ab9b;margin-top:4px;font-size:7px}.all-artists>span{color:#89a67e;background:#e9f0e1;border-color:#f8faf4;place-items:center;display:grid}.closing-note{background:#e9f0e0;border-radius:13px;justify-content:space-between;align-items:center;margin:37px 0 0;padding:29px 30px;display:flex}.closing-note>div{padding-left:46px;position:relative}.closing-note>div>svg{color:#799c6a;position:absolute;top:3px;left:0}.closing-note h2{letter-spacing:-.6px;font-size:19px}.closing-note p{color:#8b9c7f;margin-top:8px;font-size:10px}.closing-note .primary{color:#edfae9;background:#244c32;padding:12px 17px;font-size:10px}.site-footer{color:#a2aa9b;border-top:1px solid #e7eae2;align-items:center;gap:20px;margin-top:38px;padding:35px 0 28px;font-size:8px;display:flex}.site-footer>span:nth-child(2){margin:auto}.site-footer a{align-items:center;gap:5px;display:flex}.catalog-tools{justify-content:space-between;align-items:center;margin:0 0 21px;display:flex}.catalog-tools>div{gap:7px;display:flex}.catalog-tools button{color:#8d9985;border:1px solid #e1e7db;border-radius:6px;padding:8px 12px;font-size:10px}.catalog-tools button.selected{color:#40834d;background:#e6f4e6;border-color:#cee7cf}.catalog-tools>span{color:#9aa48f;align-items:center;gap:7px;font-size:9px;display:flex}.artist-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.artist-grid>button{text-align:left;padding:0}.artist-art{aspect-ratio:1.4;background:#e2ecdb;border-radius:15px;place-items:center;display:grid;position:relative}.artist-art img{aspect-ratio:1;object-fit:cover;filter:saturate(.5);border-radius:50%;width:65%}.artist-art>span{color:#768e6c;background:#fff9;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;bottom:15px;right:15px}.tone-1{background:#e7e5f0}.tone-2{background:#f1ebdb}.tone-3{background:#dfeae5}.artist-grid h3{margin-top:14px;font-size:14px}.artist-grid p{color:#98a18e;margin-top:7px;font-size:10px}.settings-page{max-width:850px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:27px 0;display:flex}.setting-row b{font-size:14px}.setting-row p{color:#98a18f;margin-top:7px;font-size:11px}.setting-row a,.setting-row button{align-items:center;gap:8px;font-size:12px;display:flex}.setting-row select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 15px;font-size:12px}.empty-state,.loading-state,.player-error{text-align:center;color:#8c9a84;padding:70px 15px}.empty-state>svg{margin-bottom:20px}.empty-state h3{color:#445a3c;font-size:20px}.empty-state p{margin:15px 0 25px;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:80;background:#11261980;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.plans-modal{background:#fcfcf8;border-radius:22px;width:100%;max-width:480px;padding:34px;position:relative;box-shadow:0 30px 100px #0003}.modal-close{color:#94a18a;padding:5px;position:absolute;top:20px;right:20px}.plans-modal h2{letter-spacing:-1px;margin:18px 0 15px;font-size:29px}.plans-modal>p{color:#909d87;font-size:12px;line-height:1.8}.plan-options{gap:10px;margin-top:24px;display:grid}.plan-options>div{background:#f1f5eb;border:1px solid #dfe8d7;border-radius:11px;align-items:center;gap:15px;padding:17px;display:flex}.plan-options>div:nth-child(2){background:#e3f2e6;border-color:#afdcba}.plan-options>div:nth-child(3){background:#f4efdb}.plan-options span{gap:5px;display:grid}.plan-options b{font-size:14px}.plan-options small{color:#86967c;font-size:8px;font-weight:400}.plan-options strong{letter-spacing:-.5px;margin-left:auto;font-size:20px}.plan-options strong>small{margin-left:3px;font-size:8px}.plan-options svg{color:#5eab75}.plans-modal>.plan-footnote{margin:20px 0;font-size:9px}.plans-modal>.primary{width:100%}.song-player{max-width:1100px;margin:auto}.player-title{justify-content:space-between;align-items:center;margin:0 0 24px;display:flex}.back-button{color:#8c9982;align-items:center;gap:8px;font-size:11px;display:flex}.favorite-button{color:#92a085;background:#fff;border:1px solid #dfe6d8;border-radius:50%;padding:8px;display:flex}.player-song-heading{align-items:center;gap:19px;margin-bottom:30px;display:flex}.player-song-heading>img{object-fit:cover;filter:saturate(.65);border-radius:10px;width:85px;height:70px}.player-song-heading h1{letter-spacing:-.7px;max-width:760px;font-size:24px;line-height:1.35}.player-song-heading p{color:#8c9a80;margin-top:10px;font-size:10px}.player-song-heading p>span{margin:0 10px}.live-chord-card{background:#fff;border:1px solid #e4e9de;border-radius:17px;align-items:center;gap:50px;padding:36px 35px;display:flex}.current-chord{flex-shrink:0;width:160px}.current-chord strong{letter-spacing:-2px;color:#285638;font:600 57px/1.3 Manrope;display:block}.current-chord small{color:#a1ac94;margin-top:8px;font-size:9px;display:block}.player-piano{border:1px solid #cfd6c6;border-radius:7px;width:100%;max-width:650px;height:137px;display:flex;overflow:hidden}.piano-white{background:linear-gradient(#fff,#fafbf7);border-right:1px solid #d9ded2;flex:1;position:relative}.piano-white:last-child{border:0}.piano-white.lit{background:linear-gradient(#41da99,#1dc377)}.piano-white>small{color:#b8bfb1;font-size:7px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.piano-black{z-index:2;background:linear-gradient(#1d2820,#30372e);border-radius:0 0 3px 3px;width:62%;height:61%;position:absolute;top:0;right:-31%;box-shadow:0 3px 3px #0002}.piano-black.lit{background:#16ba70}.live-timeline{background:#fff;border:1px solid #e2e8db;border-radius:15px;margin-top:20px;padding:24px}.live-timeline>header{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.live-timeline h3{font-size:12px}.live-timeline header>span{color:#9bad8b;align-items:center;gap:6px;font-size:8px;display:flex}.live-timeline header i{background:var(--green);border-radius:50%;width:4px;height:4px}.live-chord-rail{gap:12px;display:flex;overflow:hidden}.live-chord-rail button{background:#f6f8f1;border:1px solid #e4e9dc;border-radius:9px;flex:1;min-width:60px;padding:19px 4px 12px;position:relative;overflow:hidden}.live-chord-rail b{white-space:nowrap;font-size:18px;font-weight:550;display:block}.live-chord-rail small{color:#afbaa2;margin-top:11px;font-size:7px;display:block}.live-chord-rail .current{color:#12ac60;background:#e0f6e8;border-color:#1fcb7a}.live-chord-rail .current>i{transform-origin:0;background:#1dc475;height:3px;position:absolute;bottom:0;left:0;right:0}.player-adjustments{flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex}.player-adjustments>div{background:#fff;border:1px solid #e2e8db;border-radius:10px;flex:1;align-items:center;gap:19px;min-width:260px;padding:17px 20px;display:flex}.player-adjustments span{color:#8d9c82;margin-right:auto;font-size:11px}.player-adjustments button{color:#899c7d;padding:3px;display:flex}.player-adjustments b{font-size:17px;font-weight:550}.player-adjustments b small{color:#9aa98d;margin-left:4px;font-size:8px}.player-adjustments>p{color:#a6b09b;width:100%;margin-top:-8px;font-size:8px}.player-transport{background:#fff;border:1px solid #e1e8d9;border-radius:16px;margin-top:30px;padding:25px 30px;position:relative}.seek-row{align-items:center;gap:14px;display:flex}.seek-row time{color:#9eab92;min-width:27px;font-size:8px}.seek-row input{accent-color:#1bc577;cursor:pointer;width:100%;height:3px}.transport-controls{justify-content:space-between;align-items:center;margin-top:23px;display:flex}.transport-left{color:#9baa8e;align-items:center;gap:20px;min-width:120px;font-size:9px;display:flex}.transport-left button{padding:3px;display:flex}.play-controls{align-items:center;gap:30px;display:flex}.play-controls>button{color:#485d3c;padding:7px;display:flex}.play-controls>.main-play{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.volume-control{color:#a3b091;align-items:center;gap:10px;min-width:120px;display:flex}.volume-control input{width:80px;height:3px;accent-color:var(--green)}.buffering{color:#9aa98c;font-size:8px;position:absolute;bottom:8px;left:30px}@media (width>=1700px){.content{padding:38px 65px 0}.app-header{padding:0 65px}.welcome-hero{min-height:430px}.hero-copy{padding:48px}.hero-photo{min-height:430px}.song-title{min-height:39px;font-size:13px}.artist-name{font-size:10px}.song-meta{font-size:9px}.song-card-copy{padding:16px}.cover-play{width:37px;height:37px}.section-heading h2{font-size:25px}.hero-copy>p{max-width:360px;font-size:13px}.artist-strip img,.all-artists>span{width:80px;height:80px}.artist-strip b{font-size:10px}.artist-strip small{font-size:9px}.primary{font-size:13px}.hero-copy>small,.hero-kicker{font-size:10px}}@media (width<=1250px){.side-nav{width:200px;padding:30px 15px}.main-column{margin-left:200px}.wordmark{font-size:21px}.app-header{gap:18px;padding:0 28px}.content{padding:25px 28px 0}.hero-copy{padding:30px 25px}.hero-copy h1{letter-spacing:-1.4px;font-size:34px}.hero-copy p{max-width:240px;font-size:10px}.welcome-hero,.hero-photo{min-height:345px}.song-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.hero-chord{width:175px;bottom:30px;left:-12px}.hero-chord>b{font-size:25px}.hero-kicker{font-size:6px}.header-title{font-size:10px}.artist-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.artist-strip button:nth-child(6),.artist-strip button:nth-child(7){display:none}.current-chord{width:100px}.live-chord-card{gap:25px}.player-piano{height:110px}}@media (width<=950px){.side-nav{width:180px}.main-column{margin-left:180px}.wordmark{font-size:18px}.brand-square{width:28px;height:31px}.brand-square svg{width:20px}.side-nav nav button,.side-settings{gap:10px;padding-left:11px;font-size:11px}.hero-copy h1{font-size:29px}.hero-copy{padding:30px 24px}.hero-copy>p{max-width:210px;font-size:9px}.hero-copy>.primary{min-width:160px;padding:12px;font-size:9px}.hero-chord{width:150px;left:-6px}.hero-chord>span{font-size:5px}.hero-chord>b{font-size:23px}.hero-photo{min-height:330px}.hero-kicker{letter-spacing:1px;font-size:5px}.welcome-hero{min-height:330px}.song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{width:300px;max-width:65%}.header-title{display:none}.app-header{height:78px}.section-heading h2{font-size:19px}.welcome-line>span{display:none}.closing-note{gap:15px;padding:25px 20px}.closing-note h2{font-size:16px}.closing-note p{font-size:9px}.artist-grid{grid-template-columns:repeat(3,1fr)}.artist-strip{gap:9px}.artist-strip img,.all-artists>span{width:53px;height:53px}.player-song-heading h1{font-size:20px}.player-adjustments{gap:12px}.player-adjustments>div{gap:10px;min-width:180px;padding:15px}.current-chord strong{font-size:44px}.live-chord-card{gap:15px;padding:24px}.current-chord{width:90px}.player-piano{height:95px}.live-timeline{padding:18px}.live-chord-rail{gap:8px}.live-chord-rail button{min-width:54px}.volume-control{display:none}.transport-left{min-width:70px}.transport-controls:after{content:"";width:70px}}@media (width<=700px){.side-nav{width:245px;transition:transform .2s;transform:translate(-100%);box-shadow:10px 0 60px #13301918}.side-nav.mobile-open{transform:translate(0)}.wordmark{font-size:24px}.main-column{margin:0}.app-header{gap:12px;height:72px;padding:0 19px}.mobile-menu{color:#64775a;z-index:50;padding:0;display:flex}.mobile-menu>svg{width:21px}.search-field{border-radius:8px;flex:1;gap:7px;width:auto;min-width:0;max-width:none;height:37px;margin:0;padding:0 10px}.search-field input{font-size:9px}.search-field>svg{width:15px}.search-field kbd{display:none}.lang-toggle{font-size:8px}.account-button{border:0;padding:8px;font-size:0}.account-button>svg{width:17px}.content{padding:20px 20px 0}.welcome-line{margin-bottom:17px}.welcome-line p{font-size:10px}.welcome-hero{border-radius:16px;grid-template-columns:1fr;min-height:0}.hero-copy{background:0 0;padding:27px 25px 22px}.hero-kicker{margin-bottom:18px;font-size:6px}.hero-copy h1{white-space:normal;letter-spacing:-1.2px;font-size:34px;line-height:1.2}.hero-copy>p{max-width:260px;margin-top:15px;font-size:10px;line-height:1.8}.hero-copy>.primary{min-width:180px;margin-top:20px;padding:12px 14px;font-size:10px}.hero-copy>small{margin-top:11px;font-size:7px}.hero-photo{height:205px;min-height:0}.hero-photo>img{object-position:50% 46%}.photo-shade{background:linear-gradient(#15392b,#0000 40%),linear-gradient(90deg,#15392b66,#0000)}.hero-chord{width:162px;padding:13px 15px;bottom:20px;left:24px}.hero-chord>span{font-size:5px}.hero-chord>b{font-size:23px}.mini-piano{height:31px}.hero-chord>small{margin-top:7px;font-size:5px}.photo-label{letter-spacing:1px;font-size:5px;bottom:12px;right:14px}.practice-note{gap:10px;margin-top:13px;padding:12px}.practice-icon{border-radius:7px;width:29px;height:31px}.practice-icon svg{width:18px}.practice-note b{font-size:9px}.practice-note div>span{max-width:200px;font-size:7px;line-height:1.5}.practice-note>button{gap:0;padding:0;font-size:0}.practice-note>button>svg{width:15px}.section-heading{align-items:center;gap:15px;margin:28px 0 16px}.section-heading h2{letter-spacing:-.55px;max-width:280px;font-size:19px;line-height:1.35}.section-heading .eyebrow{letter-spacing:1.2px;margin-bottom:6px;font-size:6px}.text-link{gap:4px;font-size:8px}.text-link svg{width:14px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.song-card{border-radius:10px}.cover-button{aspect-ratio:1.17}.cover-play{width:25px;height:25px;bottom:10px;left:10px}.cover-play svg{width:11px}.free-tag{padding:4px 6px;font-size:5px;top:9px;left:9px}.cover-duration{font-size:6px;bottom:15px;right:9px}.song-card-copy{padding:11px}.song-title{min-height:30px;font-size:10px;line-height:1.5}.artist-name{margin-top:6px;font-size:7px}.song-meta{gap:5px;margin-top:10px;padding-top:9px;font-size:6px}.song-meta span{min-width:19px;padding:3px 4px;font-size:6px}.heart svg{width:14px}.artist-strip{scroll-snap-type:x mandatory;gap:24px;padding:20px 17px;display:flex;overflow-x:auto}.artist-strip button{scroll-snap-align:start;flex:0 0 67px}.artist-strip button:nth-child(6),.artist-strip button:nth-child(7){display:flex}.artist-strip img,.all-artists>span{width:61px;height:61px}.artist-strip b{max-width:77px;font-size:7px}.artist-strip small{font-size:6px}.artist-section{margin:27px 0}.closing-note{margin-top:28px;padding:25px 21px;display:block}.closing-note>div{padding-left:36px}.closing-note>div>svg{width:22px}.closing-note h2{font-size:17px}.closing-note p{max-width:230px;font-size:9px;line-height:1.6}.closing-note>.primary{margin:20px 0 0 36px;padding:11px 14px;font-size:9px}.site-footer{gap:15px;margin-top:28px;padding:24px 0;font-size:7px}.site-footer>span:nth-child(2){display:none}.site-footer>a{margin-left:auto}.artist-grid{grid-template-columns:repeat(2,1fr);gap:22px 15px}.artist-grid h3{font-size:12px;line-height:1.4}.artist-grid p{font-size:8px}.artist-art{aspect-ratio:1.1}.artist-art>span{width:25px;height:25px;bottom:10px;right:10px}.artist-art>span>svg{width:16px}.catalog-tools button{padding:7px 9px;font-size:8px}.catalog-tools>span{gap:4px;font-size:7px}.catalog-tools>span>svg{width:11px}.setting-row{gap:15px}.setting-row b{font-size:12px}.setting-row p,.setting-row a,.setting-row button{font-size:9px}.setting-row select{font-size:10px}.plans-modal{border-radius:18px;padding:28px 23px}.plans-modal h2{font-size:27px}.plans-modal>p{font-size:11px}.plan-options>div{gap:10px;padding:15px 13px}.plan-options strong{font-size:19px}.plan-options svg{width:15px}.plan-options small{font-size:7px}.player-title{margin-bottom:20px}.player-song-heading{align-items:start;gap:13px;margin-bottom:23px}.player-song-heading>img{width:55px;height:60px}.player-song-heading h1{letter-spacing:-.5px;font-size:17px}.player-song-heading .eyebrow{letter-spacing:1px;margin-bottom:5px;font-size:5px}.player-song-heading p{margin-top:8px;font-size:8px;line-height:1.7}.player-song-heading p>span{margin:0 6px}.live-chord-card{border-radius:14px;padding:24px 22px;display:block}.current-chord{width:auto;margin-bottom:25px;position:relative}.current-chord strong{letter-spacing:-1px;font-size:40px;line-height:1.25}.current-chord .eyebrow{font-size:6px}.current-chord small{font-size:8px;position:absolute;bottom:8px;right:0}.player-piano{height:100px}.piano-white>small{font-size:5px;bottom:7px}.live-timeline{margin-top:15px;padding:18px 16px}.live-timeline h3{font-size:10px}.live-timeline header>span{gap:4px;font-size:6px}.live-timeline>header{margin-bottom:17px}.live-chord-rail{gap:8px}.live-chord-rail button{flex:0 0 53px;min-width:0;padding:17px 4px 11px}.live-chord-rail b{font-size:16px}.live-chord-rail small{margin-top:9px;font-size:6px}.player-adjustments{gap:10px;margin-top:15px}.player-adjustments>div{border-radius:9px;gap:8px;min-width:140px;padding:14px 11px}.player-adjustments span{font-size:8px}.player-adjustments b{font-size:14px}.player-adjustments b small{margin-left:2px;font-size:5px}.player-adjustments button{padding:0}.player-adjustments button>svg{width:13px}.player-adjustments>p{margin-top:0;font-size:6px;line-height:1.6}.player-transport{border-radius:13px;margin-top:22px;padding:21px 18px}.seek-row{gap:10px}.seek-row time{min-width:21px;font-size:7px}.transport-left{gap:9px;min-width:40px;font-size:7px}.transport-left button>svg{width:17px}.play-controls{gap:17px}.play-controls>button>svg{width:18px}.play-controls>.main-play{width:48px;height:48px}.play-controls>.main-play>svg{width:22px}.transport-controls:after{width:40px}.transport-controls{margin-top:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=700px){.live-chord-rail button{flex:0 0 calc(20% - 6.4px)}}.auth-modal form{gap:17px;margin-top:22px;display:grid}.auth-modal label{color:#7a8b71;gap:7px;font-size:11px;display:grid}.auth-modal input{color:#293c23;background:#fff;border:1px solid #dce5d5;border-radius:8px;width:100%;min-width:0;padding:13px}.auth-links{justify-content:space-between;gap:12px;display:flex}.auth-links button{color:#759464;padding:5px 0;font-size:9px}.auth-error{line-height:1.6;color:#b14343!important;font-size:11px!important}.account-plan-actions{margin-top:18px}.account-plan-actions p{color:#819378;margin-bottom:15px;font-size:11px}.account-plan-actions .primary{width:100%;font-size:10px}button:disabled{opacity:.5;cursor:wait}.cover-button{aspect-ratio:16/9}.cover-button>img,.artist-art img,.artist-strip img{filter:none}.player-piano{max-width:610px}.piano-white.lit{box-shadow:inset 0 -4px #119c59}.key-note{color:#07532d;white-space:nowrap;font-size:10px;font-style:normal;font-weight:650;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.piano-black>.key-note{color:#fff;font-size:8px;bottom:12px}.current-chord small{line-height:1.7}.beat-bars{scrollbar-width:thin;scrollbar-color:#c6d9bd transparent;overscroll-behavior-x:contain;gap:18px;padding:1px 1px 8px;display:flex;overflow-x:auto}.beat-bar{background:#fafbf7;border:1px solid #e5eadd;border-radius:11px;flex:1 0 210px;min-width:max-content;padding:12px}.beat-bar.active-bar{background:#f6fbf3;border-color:#badcc0}.bar-heading{color:#a0ac94;letter-spacing:1.2px;justify-content:space-between;gap:15px;margin-bottom:10px;font-size:7px;display:flex}.bar-heading>span:last-child{letter-spacing:0}.bar-beats{gap:7px;display:flex}.beat-cell{background:#fff;border:1px solid #e4e9dd;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:46px;height:82px;padding:8px 5px;display:flex;position:relative;overflow:hidden}.beat-number{color:#b2bba8;font-size:7px;position:absolute;top:7px;left:9px}.beat-cell>b{white-space:nowrap;min-width:27px;margin-top:9px;font-size:16px;font-weight:550;line-height:1.5}.beat-dot{background:#acb99f;border-radius:50%;width:6px;height:6px;margin-top:16px;margin-bottom:8px}.beat-cell>small{color:#b6c1aa;margin-top:5px;font-size:6px}.beat-cell.current{color:#11a65b;background:#ddf7e7;border-color:#1bca75}.beat-cell.current .beat-dot{background:#18c978;box-shadow:0 0 0 5px #23cd7c18}.beat-cell.current .beat-number{color:#66b987}.beat-cell>i{transform-origin:0;background:#1bc579;height:3px;position:absolute;bottom:0;left:0;right:0}.beat-legend{color:#a2ae95;margin-top:12px;font-size:8px;line-height:1.6}.beat-timeline>header{margin-bottom:16px}@media (width<=700px){.player-piano{height:115px}.key-note{font-size:8px;bottom:22px}.piano-black>.key-note{font-size:7px;bottom:11px}.beat-bars{gap:12px}.beat-bar{flex:none;padding:10px}.bar-beats{gap:6px}.beat-cell{min-width:48px;height:78px}.beat-cell>b{font-size:15px}.beat-legend{font-size:6px;line-height:1.7}.bar-heading{font-size:6px}.current-chord small{margin-top:7px;position:static}}