@import "https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300;400&family=Poppins:wght@300&display=swap";@import "https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap";@import "https://fonts.googleapis.com/css2?family=Irish+Grover&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";h1{text-align:center;color:#fff;margin:0;font-family:Overpass Mono,monospace;font-size:24px;font-weight:300}.header-font{font-family:Overpass Mono,monospace}.CheckPassword{background-color:#101010;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.CheckPassword>input{border-radius:5px;padding:10px}.CheckPassword>h3,.CheckPassword>h1{color:#fff}body{cursor:default;background-color:#101010}.icon{color:#fff;cursor:pointer}.sheet-music-paper{background-color:#fffef9;background-image:linear-gradient(#68542d06,#68542d06)}.sheet-music-paper-title{letter-spacing:.015em;margin:0;font-family:Baskerville,Palatino Linotype,Book Antiqua,Times New Roman,serif;font-size:2.25rem;font-weight:500;line-height:1.15}.sheet-music-paper-subtitle{letter-spacing:.08em;margin:.65rem 0 0;font-family:Baskerville,Palatino Linotype,Book Antiqua,Times New Roman,serif;font-size:.78rem;font-style:italic}.Piano{background-color:#0000;width:100%;position:relative}.piano_keys{font-family:Noto Serif,serif;font-weight:400;position:absolute}.pianoKey{border:1px solid #000;border-radius:1px 1px 5px 5px;position:relative}.pianoKey:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:0;will-change:opacity;background-color:#ffc454;transition:opacity .12s linear;position:absolute;inset:0}.pianoKey>*{z-index:1;position:relative}.pianoKey:hover:after,.pianoKey.pressed:after{opacity:1}.pianoKey.midi-pressed:after,.pianoKey.practice-hint:after{opacity:0}.pianoKey.midi-pressed.whiteKey{background-color:#48bb78!important}.pianoKey.midi-pressed.blackKey{background-color:#22c55e!important}.pianoKey.practice-hint.whiteKey{box-shadow:inset 0 0 0 3px #f2aa00,0 0 18px #ffc72d9e;background:linear-gradient(#fff8cc,#ffd75e)!important}.pianoKey.practice-hint.blackKey{box-shadow:inset 0 0 0 2px #fff2b5,0 0 18px #ffc72dbf;background:linear-gradient(#ffe891,#e9a900)!important}.whiteKey{z-index:1;background-color:ivory;border-bottom:none;box-shadow:0 4px 3px -3px #000}.blackKey{z-index:2;background-color:#000;position:absolute;box-shadow:0 1px 4px #000}.redFancyLine{z-index:35;background-color:#2c0101;border-top:4px solid #000;width:100%;height:3px;position:absolute;box-shadow:0 2px 5px #000000b2}.red{background-color:#11d331;transform:scale(.92)}.Canvas{z-index:151;position:absolute}.Effects{z-index:149;position:absolute}.Gradient{pointer-events:none;z-index:152;position:absolute}.coverPhoto{filter:saturate(.5);z-index:50;background-position:50%;background-repeat:no-repeat;position:absolute}.Summer{z-index:152;background:linear-gradient(#0000,#00000065);position:absolute}.Mark{color:#fff;z-index:51;font-family:Titillium Web,sans-serif;position:absolute;top:0;right:10px}.Mark>h1{margin:0;padding:0;font-size:24px}.Mark>h2{text-align:center;margin:0;padding:0;font-size:16px}.LoadingScreen{z-index:100;background:#fff;transition:all 1s;position:absolute;top:0;left:0}.LoadingScreen img{box-sizing:border-box;border-radius:15px;width:150px;margin:50px auto;padding:5px;display:block;position:relative;top:100px}.LoadingScreen h2{text-align:center;margin:100px auto;font-family:Irish Grover,cursive;font-size:32px;display:block}@keyframes spin{to{transform:rotate(360deg)}}.player-preview{z-index:1;color:#fff9ef;position:absolute;inset:0;overflow:hidden}.player-preview__chrome{z-index:12;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;top:4%;left:4.5%;right:4.5%}.player-preview__brand{align-items:center;gap:5px;display:flex}.player-preview__brand>span{background:#008f7a;border-radius:50% 50% 48% 20%;place-items:center;width:clamp(17px,2.1vw,24px);height:clamp(17px,2.1vw,24px);font:800 clamp(.55rem,.9vw,.8rem)/1 Georgia,serif;display:grid}.player-preview__brand strong{letter-spacing:-.03em;font-size:clamp(.43rem,.72vw,.65rem)}.player-preview__transport{color:#fff9ef9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02120ee0;border:1px solid #fff9ef29;border-radius:11px;grid-column:2;grid-template-columns:clamp(20px,2.7vw,30px) minmax(0,1fr) auto;align-items:center;gap:6px;width:clamp(210px,26vw,350px);min-height:clamp(25px,3.2vw,36px);padding:3px 7px 3px 3px;display:grid;box-shadow:0 8px 20px #0000004d}.player-preview__transport>span{color:#fff9ef;background:#ff5948;border-radius:8px;place-items:center;height:100%;min-height:20px;font-size:clamp(.42rem,.66vw,.62rem);display:grid}.player-preview__transport p{gap:4px;min-width:0;margin:0;display:flex}.player-preview__transport strong,.player-preview__transport em,.player-preview__transport small{white-space:nowrap;font-size:clamp(.31rem,.52vw,.48rem);font-style:normal}.player-preview__transport strong{color:#fff9ef}.player-preview__transport em{text-overflow:ellipsis;min-width:0;overflow:hidden}.player-preview__transport div>i{background:#fff9ef24;border-radius:99px;height:3px;margin-top:4px;display:block;overflow:hidden}.player-preview__transport div>i:after{border-radius:inherit;content:"";background:#fff9ef;width:18%;height:100%;transition:width .6s linear;display:block}.player-preview.is-active .player-preview__transport div>i:after{width:72%;transition-duration:5s}.player-preview__transport small{color:#fff9ef7a;font-variant-numeric:tabular-nums}.player-preview__piano{z-index:10;background:#073b2e;border-top:3px solid #ff5948;height:28%;position:absolute;bottom:0;left:0;right:0}.player-preview__piano .piano_keys{width:var(--preview-piano-width);pointer-events:none;top:0;bottom:0;left:var(--preview-piano-left)!important;height:100%!important;margin-top:0!important;right:auto!important}.player-preview__piano .whiteKey{background:#fff9ef;border-color:#073b2e47;border-radius:0 0 2px 2px;font-size:clamp(.2rem,.36vw,.34rem);overflow:hidden;color:#091a16!important}.player-preview__piano .whiteKey>div{margin-bottom:4px!important}.player-preview__piano .blackKey{background:#031611;border-radius:0 0 2px 2px}.player-preview__piano .pianoKey.pressed:after{opacity:1}.player-preview__falling{z-index:2;background-image:linear-gradient(90deg,#fff9ef1b 1px,#0000 1px);background-size:4.7619% 100%;position:absolute;inset:0 0 28%;overflow:hidden}.player-preview__falling>i{top:-90px;left:var(--preview-note-x);width:3.57143%;height:var(--preview-note-height);animation:player-preview-fall var(--preview-cycle-duration) linear infinite;animation-delay:var(--preview-note-delay);opacity:0;border:1px solid #ffffff61;border-radius:5px;animation-play-state:paused;animation-fill-mode:backwards;position:absolute;transform:translate(-50%)}.player-preview.is-active .player-preview__falling>i{animation-play-state:running}.player-preview__falling>i.is-pink{background:linear-gradient(#ff278a,#fb1378);box-shadow:0 0 16px #fb137866}.player-preview__falling>i.is-lime{background:linear-gradient(#a8ff86,#8ef971);box-shadow:0 0 16px #8ef9716b}.player-preview__practice,.player-preview__sheet{z-index:3;border-radius:9px;position:absolute;inset:20% 4% 29%;overflow:hidden}.player-preview__practice{color:#131821;background:#fffdf6fa;border:1px solid #073b2e2e;box-shadow:0 16px 38px #0000003d}.player-preview__practice .practice-staff{width:auto;height:100%;inset:0 16px;transform:none}.player-preview__practice .practice-staff svg,.player-preview__practice .practice-notation svg{transform:none;width:100%!important;height:100%!important}.player-preview__surface{position:absolute;inset:0}.player-preview__surface>div{transform-origin:50%;position:absolute;top:50%;left:50%}.player-preview__practice-notes{clip-path:inset(0 0 0 140px);position:absolute;inset:0}.player-preview__practice-note{z-index:3;width:104px;height:100%;animation:player-preview-practice-flow var(--preview-cycle-duration) linear infinite;animation-delay:var(--preview-note-delay);opacity:0;will-change:left, opacity;animation-play-state:paused;animation-fill-mode:backwards;position:absolute;top:0;left:96%;transform:translate(-50%)}.player-preview.is-active .player-preview__practice-note{animation-play-state:running}.player-preview__practice-note .practice-notation{width:100%;height:100%}.player-preview__practice-note--completed{opacity:.24}.player-preview__practice-note--waiting:before{z-index:-1;content:"";background:#62e6d31f;border-radius:8px;width:58%;position:absolute;top:8%;bottom:8%;left:50%;transform:translate(-50%);box-shadow:0 0 24px #62e6d333}.player-preview__hit-line{z-index:7;background:#62e6d3;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 13px #62e6d3b3}.player-preview__hit-line i{color:#62e6d3;letter-spacing:.1em;text-transform:uppercase;background:#073b2e;border-radius:99px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:900;position:absolute;top:0;left:50%;transform:translate(-50%,-40%)}.player-preview__practice footer{z-index:8;color:#073b2e8f;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:2%;left:2%;right:2%}.player-preview__practice footer strong{color:#008f7a}.player-preview__sheet{background:#fff;box-shadow:0 16px 38px #00000040}.player-preview__sheet .sheet-music-paper{width:100%;height:100%;box-shadow:none;border-radius:0;overflow:hidden}.player-preview__sheet .sheet-music-paper header{z-index:2;padding:5px 0 0;position:relative}.player-preview__sheet .sheet-music-paper-title{margin:0;font:500 24px/1 Georgia,serif}.player-preview__sheet .sheet-music-paper-subtitle{margin:2px 0 0;font:italic 9px/1 Georgia,serif}.player-preview__sheet .sheet-music-paper>div:last-child{min-height:0!important}.player-preview__sheet svg{margin-left:auto;margin-right:auto;display:block;transform:none;width:100%!important;height:auto!important}.v2-features.is-background-view .player-preview__practice,.v2-features.is-background-view .player-preview__sheet{box-shadow:none;background:#02120e2e;border:1px solid #fff9ef38}.v2-features.is-background-view .player-preview__practice svg *,.v2-features.is-background-view .player-preview__sheet svg *{fill:#fff!important;stroke:#fff!important}.v2-features.is-background-view .player-preview__practice footer{color:#fff9ef94}.v2-features.is-background-view .player-preview__practice footer strong{color:#62e6d3}.v2-features.is-background-view .player-preview__sheet .sheet-music-paper,.v2-features.is-background-view .player-preview__sheet .sheet-music-paper header{color:#fff9ef;background:0 0}@keyframes player-preview-fall{0%{opacity:0;top:-90px}2%{opacity:1}37.5%{top:calc(100% - var(--preview-note-height));opacity:1}38%,to{opacity:0;top:100%}}@keyframes player-preview-practice-flow{0%{opacity:0;left:96%}2%{opacity:1}37.5%{opacity:1;left:50%}72%{opacity:.24;left:4%}73%,to{opacity:0;left:4%}}.landing{--paper:#f6efdf;--ink:#2f2418;--muted:#7a6045;--accent:#c16b29;--line:#dcc7a3;min-height:100vh;color:var(--ink);background:repeating-linear-gradient(0deg, transparent 0 31px, #99692312 31px 32px), var(--paper);-webkit-font-smoothing:antialiased;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing button,.landing input{font:inherit}.landing button,.landing a{-webkit-tap-highlight-color:transparent}.landing button{cursor:pointer}.landing a{color:inherit;text-decoration:none}.landing button:disabled{cursor:wait;opacity:.55}.landing :focus-visible{outline:2px solid var(--accent);outline-offset:5px}.landing-wrap{width:min(1140px,100% - 112px);margin-inline:auto}.landing-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:102px;display:flex}.landing-brand{letter-spacing:-1.5px;align-items:center;gap:9px;font:600 32px/1 Georgia,serif;display:inline-flex}.landing-brand img{width:23px;height:33px}.landing-brand__dot{color:var(--accent)}.landing-nav nav{gap:33px;font-size:12px;display:flex}.landing-nav nav a{color:#715437;transition:color .2s}.landing-nav nav a:hover{color:var(--accent)}.landing-nav__action{border:1px solid #ba9156;border-radius:5px;gap:25px;padding:13px 18px;font-size:12px;transition:background .2s;display:flex}.landing-nav__action:hover{background:#f0dfbc}.landing-hero{grid-template-columns:1fr 1.08fr;column-gap:54px;padding-top:52px;display:grid}.landing-hero__copy{align-self:center;padding-bottom:20px}.landing-eyebrow{color:#936627;letter-spacing:1.7px;align-items:center;gap:9px;margin:0 0 25px;font:500 9px/1.5 Avenir Next,Avenir,sans-serif;display:flex}.landing-eyebrow>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.landing-hero h1{text-align:left;color:var(--ink);letter-spacing:-4px;margin:0;font:400 clamp(58px,6.2vw,88px)/1.05 Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}.landing-hero__description{color:#70593e;margin:26px 0 27px;font-size:14px;line-height:1.9}.landing-hero__actions{flex-wrap:wrap;align-items:center;gap:23px;display:flex}.landing-button{background:#985d1c;border:1px solid #985d1c;border-radius:5px;justify-content:center;align-items:center;gap:26px;min-height:46px;padding:13px 19px;font-size:11px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex;color:#fffcf1!important}.landing-button:hover{background:#794510;transform:translateY(-2px)}.landing-button>span{font-size:17px;line-height:1}.landing-text-link{color:var(--ink);background:0 0;border:0;align-items:center;gap:15px;padding:8px 0;font-weight:500;display:inline-flex;font-size:11px!important}.landing-text-link:hover{color:var(--accent)}.landing-text-link>span{font-size:17px}.landing-hero__note{color:#896e4e;margin:17px 0 0;font-size:10px}.landing-hero__play{min-width:0}.landing-handnote{color:#a26626;justify-content:center;align-items:center;gap:11px;margin:-4px 0 17px;font:italic 16px/1.2 Iowan Old Style,Georgia,serif;display:flex;transform:rotate(-4deg)}.landing-handnote span{font-size:34px;display:inline-block;transform:rotate(10deg)}.landing-hero__foot{border-top:1px solid var(--line);color:#856b4d;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;margin-top:72px;padding:22px 0;font-size:10px;display:flex}.landing-hero__foot>span:first-child{letter-spacing:1.6px;font-size:8px}.landing-hero__foot>span:last-child{align-items:center;gap:27px;display:flex}.landing-hero__foot>span>span{color:var(--ink);font-size:18px}.landing-mini{background:#fffbf1;border:1px solid #dbc299;border-radius:10px;padding:23px 24px 16px;position:relative;box-shadow:0 16px 40px -18px #3b413c38,5px 6px 0 -1px #efdab5,5px 6px #dbc299}.landing-mini__top{color:#896638;letter-spacing:1.5px;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:8px;display:flex}.landing-mini__top>span:first-child{align-items:center;gap:7px;display:flex}.landing-mini__top i,.landing-preview-frame__caption i{background:#009580;border-radius:50%;width:5px;height:5px;display:inline-block}.landing-activities{border-bottom:1px solid #e7d4b1;gap:4px;padding-bottom:12px;display:flex}.landing-activities button{color:#7b6245;background:0 0;border:1px solid #0000;border-radius:4px;padding:7px 13px;font-size:10px;transition:background .2s}.landing-activities button:hover{background:#fbedd3}.landing-activities button[aria-pressed=true]{color:#70420e;background:#f8d99c;border-color:#e6bd70}.landing-mini__prompt{text-align:center;flex-direction:column;align-items:center;min-height:184px;padding-bottom:18px;display:flex}.landing-mini__staff{background:repeating-linear-gradient(0deg,#0000 0 8px,#c9a77780 8px 9px) 0/100% 45px no-repeat;justify-content:center;align-items:center;gap:15px;width:83%;height:67px;margin:15px auto 8px;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.landing-mini__clef{color:#98703c;font-family:Georgia,serif;font-size:49px;line-height:1}.landing-mini__note{color:var(--accent);font:italic 25px/1 Georgia,serif;animation:.2s ease-out landing-note-in}.landing-mini__prompt h2{color:var(--ink);letter-spacing:-.7px;margin:4px 0 8px;font:400 22px/1.25 Iowan Old Style,Georgia,serif}.landing-mini__prompt p{color:#82623f;margin:0;font-size:10px;line-height:1.7}.landing-melody{align-items:center;gap:7px;margin:10px 0 0;display:flex}.landing-melody>span{color:#7a5e38;border-radius:3px;padding:1px 5px;font-size:10px}.landing-melody>.is-next{color:#553e2d;background:#ffc47f}.landing-melody>.is-done{color:#096851;background:#bdebd7}.landing-melody button{color:var(--accent);background:0 0;border:0;line-height:1}.landing-mini__keyboard{touch-action:none;-webkit-user-select:none;user-select:none;border-top:5px solid #ee6848;border-radius:3px;height:148px;position:relative;box-shadow:0 5px 9px #343e2f0d}.landing-mini__whites{height:100%;display:flex}.landing-key{color:#635039;touch-action:none;background:linear-gradient(90deg,#f1f0e7,#fffcf4 14% 85%,#eeede4);border:1px solid #d6d7ca;border-top:0;border-radius:0 0 4px 4px;flex-direction:column;flex:1;justify-content:end;align-items:center;gap:5px;min-width:0;height:100%;padding:0 0 13px;display:flex;position:relative;box-shadow:inset 0 -4px #e4e4d9}.landing-key>span{font-size:12px}.landing-key kbd{color:#8c7757;font:8px/1.2 Avenir Next,sans-serif}.landing-key--black{z-index:2;color:#c7cdb7;background:linear-gradient(90deg,#261d17,#3f3023 75%,#1b1510);border:1px solid #251b13;border-radius:0 0 4px 4px;width:8%;height:61%;padding-bottom:13px;position:absolute;top:0;transform:translate(-50%);box-shadow:inset 0 -5px #18120e,1px 3px 3px #30372826}.landing-key--black>span{display:none}.landing-key--black kbd{color:#a9b09c}.landing-key.is-pressed{background:#ffd086;box-shadow:inset 0 -1px #d5993f}.landing-key--black.is-pressed{background:#bc7832}.landing-key.is-hinted:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;bottom:52px}.landing-mini__hint{color:#856c49;justify-content:space-between;gap:8px;margin-top:16px;font-size:8px;display:flex}.landing-mini__hint kbd{font:inherit;border:1px solid #d9c49f;border-radius:2px;padding:1px 3px}.landing-mini__hint>span:last-child{align-items:center;gap:5px;display:flex}.landing-mini__hint>span:last-child>span{color:#087d67}.landing-explore{padding-top:82px;padding-bottom:90px}.landing-section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:37px;display:flex}.landing-section-heading .landing-eyebrow{margin-bottom:14px;font-size:8px}.landing-section-heading h2{letter-spacing:-1.6px;margin:0;font:400 clamp(30px,3vw,42px)/1.15 Iowan Old Style,Palatino Linotype,Georgia,serif}.landing-section-heading>p{color:#7a6043;margin:0 0 3px;font-size:11px;line-height:1.9}.landing-preview-frame{background:#fffaf0;border:1px solid #cfb17e;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 15px 30px -20px #3f473540}.landing-preview-frame__bar{color:#826031;letter-spacing:1.4px;background:#f3dfb9;border-bottom:1px solid #dfc390;justify-content:space-between;align-items:center;height:35px;padding:0 15px;font-size:7px;display:flex}.landing-preview-frame__bar>span:first-child{gap:4px;display:flex}.landing-preview-frame__bar i{border:1px solid #b3915e;border-radius:50%;width:5px;height:5px}.landing-preview-stage{background:#071e19;height:327px;position:relative;overflow:hidden}.landing-preview-stage .player-preview__chrome{top:6%}.landing-preview-stage .player-preview__brand>span{background:#008f7a}.landing-preview-stage .player-preview__transport>span{background:#ff5948}.landing-preview-stage .player-preview__piano{border-top-color:#ff5948}.landing-preview-frame__caption{color:#7b836b;justify-content:space-between;align-items:center;gap:8px;height:38px;padding:0 15px;font-size:9px;display:flex}.landing-preview-frame__caption>span{align-items:center;gap:7px;display:flex}.landing-preview-frame__caption button{color:#616c50;background:0 0;border:0;padding:6px 0 6px 12px;font-size:9px}.landing-preview-silent{color:#9a9e8d}.landing-songbook{border-top:1px solid var(--line);padding-block:61px 0}.landing-song-list{border-top:1px solid var(--line)}.landing-song{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:23px;width:100%;padding:18px 6px;transition:background .2s;display:flex}.landing-song:hover{background:#f6dfb280}.landing-song__art{background:repeating-linear-gradient(0deg,#0000 0 7px,#7884611a 7px 8px),#b4e6d4;border:1px solid #89c7b3;border-radius:3px;flex-shrink:0;place-items:center;width:61px;height:66px;display:grid;overflow:hidden}.landing-song__art>span{color:#08725a;font:37px/1 Georgia,serif;transform:rotate(-12deg)}.landing-song__art--1{background-color:#ffc6a4;border-color:#e8a375}.landing-song__art--1>span{color:#a7451a}.landing-song__art--2{background-color:#f9dd88;border-color:#e6bd5a}.landing-song__art--2>span{color:#996310}.landing-song__name{flex-direction:column;flex:1;gap:7px;display:flex}.landing-song__name strong{color:#3b2a18;letter-spacing:-.6px;font:400 22px/1.2 Iowan Old Style,Georgia,serif}.landing-song__name small{color:#806344;font-size:9px}.landing-song__difficulty{color:#78603b;align-items:center;gap:7px;width:150px;font-size:9px;display:flex}.landing-song__difficulty i{background:#00a183;border-radius:50%;width:5px;height:5px;display:inline-block}.landing-song__play{color:#916020;align-items:center;gap:30px;font-size:10px;display:flex}.landing-song__play>span{font-size:19px}.landing-import{color:#7a603f;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:27px 0;font-size:10px;display:flex}.landing-import>span{align-items:center;gap:10px;display:flex}.landing-import>span>span{font-size:20px}.landing-import button{color:#985b18;text-underline-offset:4px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #c19351;text-decoration:underline #c19351}.landing-import small{color:#8a7352;font-size:9px}.landing-outro{text-align:center;flex-direction:column;align-items:center;padding:67px 0 79px;display:flex}.landing-outro>span{color:#d38a20;font:36px/1 Georgia,serif;display:block;transform:rotate(-12deg)}.landing-outro>p{letter-spacing:-1.7px;margin:20px 0 27px;font:400 39px/1.2 Iowan Old Style,Georgia,serif}.landing-outro .landing-button{font-size:10px}.landing-footer{border-top:1px solid var(--line);color:#806b4e;justify-content:space-between;align-items:center;gap:16px;padding-block:26px;font-size:9px;display:flex}.landing-footer .landing-brand{color:#785021;font-size:24px}.landing-footer>a:last-child{color:#916326}.landing-file-input{display:none}.landing-skip{z-index:100;background:var(--paper);padding:12px;position:absolute;top:-80px;left:20px}.landing-skip:focus{top:12px}.landing-error{z-index:100;color:#854b36;background:#fff9ec;border:1px solid #cc9e87;border-radius:6px;align-items:center;gap:22px;width:max-content;max-width:calc(100% - 32px);padding:15px 20px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #44382e20}.landing-error button{background:0 0;border:0;font-size:24px}.landing-drop{z-index:90;pointer-events:none;text-align:center;background:#f7f3e9ee;border:2px dashed #8c9876;border-radius:12px;place-items:center;font:50px/1.2 Georgia,serif;display:grid;position:fixed;inset:12px}.landing-drop em{color:var(--accent)}@keyframes landing-note-in{0%{opacity:0}to{opacity:1}}@media (width>=1500px){.landing-hero{padding-top:100px}}@media (width<=1100px){.landing-wrap{width:calc(100% - 72px)}.landing-hero{column-gap:32px}.landing-hero h1{font-size:66px}.landing-hero__actions{gap:10px}.landing-hero__description{font-size:13px}.landing-hero__actions .landing-button{gap:14px;padding-inline:14px}.landing-mini{padding-inline:18px}.landing-activities button{padding-inline:10px;font-size:9px}.landing-mini__prompt h2{font-size:20px}.landing-preview-stage{height:300px}}@media (width<=800px){.landing-wrap{width:calc(100% - 48px)}.landing-nav{height:80px}.landing-nav nav{gap:18px;font-size:10px}.landing-nav__action{gap:12px;padding:10px 12px;font-size:10px}.landing-hero{grid-template-columns:1fr;padding-top:43px}.landing-hero__copy{text-align:center;padding-top:0}.landing-hero__copy .landing-eyebrow{justify-content:center;margin-bottom:21px}.landing-hero h1{text-align:center;font-size:74px}.landing-hero__description{margin-block:21px}.landing-hero__actions{justify-content:center;gap:23px}.landing-hero__play{width:min(520px,100%);margin:42px auto 0}.landing-mini{padding-inline:24px}.landing-mini__prompt h2{font-size:23px}.landing-activities button{font-size:11px}.landing-hero__foot{margin-top:49px}.landing-section-heading{flex-direction:column;align-items:start;gap:18px;margin-bottom:28px}.landing-section-heading h2{font-size:37px}.landing-explore{padding-block:55px 60px}.landing-preview-frame{grid-row:2}.landing-preview-stage{height:330px}.landing-songbook{padding-top:45px}.landing-song__difficulty{width:110px}.landing-song__play{gap:15px}.landing-song{gap:17px}.landing-song__name strong{font-size:20px}.landing-outro{padding-block:50px 65px}}@media (width<=520px){.landing-wrap{width:calc(100% - 36px)}.landing-nav{height:73px}.landing-nav nav{display:none}.landing-brand{font-size:30px}.landing-brand img{width:20px;height:28px}.landing-hero{padding-top:39px}.landing-eyebrow{letter-spacing:1.2px;font-size:8px}.landing-hero h1{letter-spacing:-3.4px;font-size:63px}.landing-hero__description{font-size:12px}.landing-hero__actions{gap:16px}.landing-hero__actions .landing-button{padding-inline:13px;font-size:10px}.landing-hero__actions .landing-text-link{gap:6px;font-size:10px!important}.landing-hero__note{font-size:9px}.landing-handnote{margin-bottom:11px;font-size:15px}.landing-hero__play{margin-top:30px}.landing-mini{padding:18px 14px 14px}.landing-mini__top{margin-bottom:15px;font-size:7px}.landing-activities{gap:3px}.landing-activities button{flex:1;padding:7px 3px;font-size:9px}.landing-mini__prompt{min-height:177px}.landing-mini__prompt h2{font-size:20px}.landing-mini__prompt p{font-size:9px}.landing-mini__keyboard{height:133px}.landing-mini__staff{gap:10px}.landing-mini__hint{font-size:7px}.landing-hero__foot{margin-top:39px;padding-block:17px}.landing-hero__foot>span:first-child{letter-spacing:.8px;max-width:80px;font-size:7px;line-height:1.8}.landing-hero__foot>span:last-child{gap:10px;max-width:185px;font-size:8px}.landing-section-heading h2{letter-spacing:-1.3px;font-size:32px}.landing-section-heading>p{font-size:11px}.landing-preview-stage{height:260px}.landing-preview-stage .player-preview__brand{display:none}.landing-preview-frame__caption{padding-inline:10px;font-size:8px}.landing-preview-silent{font-size:7px}.landing-song{grid-template-columns:48px 1fr 26px;gap:4px 13px;padding-block:17px;display:grid}.landing-song__art{grid-row:span 2;width:48px;height:59px}.landing-song__name strong{font-size:18px}.landing-song__name small{font-size:8px}.landing-song__difficulty{grid-column:2;margin-top:5px;font-size:8px}.landing-song__play{grid-area:1/3/3;font-size:0}.landing-song__play>span{font-size:20px}.landing-import{gap:10px;font-size:9px}.landing-import small{text-align:center;width:100%;font-size:8px}.landing-outro>p{font-size:34px}.landing-footer{flex-wrap:wrap;gap:20px;font-size:8px}.landing-footer>span{text-align:center;order:3;width:100%}}@media (prefers-reduced-motion:reduce){.landing :not(.player-preview__falling>i):not(.player-preview__practice-note),.landing :before,.landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.landing-showcase-controls{flex-wrap:wrap;align-items:center;gap:18px;margin:-6px 0 26px;display:flex}.landing-background-switch{color:#795225;background:0 0;border:0;align-items:center;gap:9px;padding:5px 0;display:inline-flex;font-size:11px!important}.landing-background-switch>span{background:#d9c29b;border-radius:20px;width:30px;height:18px;padding:3px;transition:background .2s;display:block}.landing-background-switch i{background:#fffdf5;border-radius:50%;width:12px;height:12px;transition:transform .2s;display:block;box-shadow:0 1px 3px #37422e26}.landing-background-switch[aria-checked=true]>span{background:#008f7a}.landing-background-switch[aria-checked=true] i{transform:translate(12px)}.landing-image-upload,.landing-image-reset{color:#88632d;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;display:inline-flex;font-size:10px!important}.landing-image-upload{border-left:1px solid #d9c29b;padding-left:18px}.landing-image-upload:hover,.landing-image-reset:hover{color:#9b5f16}.landing-background-note{color:#8e704b;margin-left:auto;font-size:10px}.landing-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.landing-showcase-card{min-width:0}.landing-showcase-card .landing-preview-frame{width:100%;color:inherit;text-align:left;padding:0;transition:box-shadow .2s,border-color .2s;display:block}.landing-showcase-card .landing-preview-frame[aria-pressed=true]{border-color:#d39137;box-shadow:0 12px 30px -15px #354b3255}.landing-showcase-card .landing-preview-frame__bar{letter-spacing:0;font-size:9px}.landing-showcase-card .landing-preview-stage{height:260px;display:block}.landing-showcase-card .player-preview__brand{display:none}.landing-showcase-card .player-preview__transport{width:220px}.landing-showcase-card__caption{justify-content:space-between;align-items:start;gap:10px;padding:17px 1px 0;display:flex}.landing-showcase-card__caption h3{letter-spacing:-.5px;margin:0 0 6px;font:400 23px/1.2 Iowan Old Style,Georgia,serif}.landing-showcase-card__caption p{color:#765a38;margin:0;font-size:10px;line-height:1.6}.landing-showcase-card__caption .landing-text-link{white-space:nowrap;gap:8px;padding-top:2px}.landing-showcase-hint{text-align:center;color:#896d49;margin:29px 0 0;font-size:9px}.landing-explore.has-background .landing-preview-stage{background:linear-gradient(#0c211d35, #0c211d55), var(--landing-preview-background) center / cover}.landing-explore.has-background .player-preview__practice,.landing-explore.has-background .player-preview__sheet{box-shadow:none;background:#02120e2e;border:1px solid #fff9ef38}.landing-explore.has-background .player-preview__practice svg *,.landing-explore.has-background .player-preview__sheet svg *{fill:#fff!important;stroke:#fff!important}.landing-explore.has-background .player-preview__practice footer{color:#fff9ef94}.landing-explore.has-background .player-preview__sheet .sheet-music-paper,.landing-explore.has-background .player-preview__sheet .sheet-music-paper header{color:#fff9ef;background:0 0}.landing-image-error{color:#854b36;font-size:12px}@media (width<=1100px){.landing-showcase-grid{gap:14px}.landing-showcase-card__caption h3{font-size:20px}.landing-showcase-card .landing-preview-stage{height:235px}}@media (width<=800px){.landing-showcase-grid{grid-template-columns:1fr;gap:32px}.landing-showcase-card .landing-preview-stage{height:320px}.landing-showcase-controls{margin-top:0}.landing-background-note{display:none}.landing-showcase-card__caption h3{font-size:24px}}@media (width<=520px){.landing-showcase-card .landing-preview-stage{height:260px}.landing-showcase-controls{gap:12px}.landing-image-upload{padding-left:12px}}.pimidi-app-shell{--pimidi-ink:#2f2418;--pimidi-muted:#7a6a56;--pimidi-paper:#f6efdf;--pimidi-paper-light:#fffbf1;--pimidi-gold:#b77b26;--pimidi-gold-light:#dcae61;--pimidi-line:#79582b2e;background:var(--pimidi-paper);grid-template-columns:76px minmax(0,1fr);min-height:100vh;display:grid}.pimidi-app-shell *,.pimidi-app-shell :before,.pimidi-app-shell :after{box-sizing:border-box}.pimidi-app-shell button,.pimidi-app-shell input,.pimidi-app-shell select{font:inherit}.pimidi-app-shell__content{min-width:0;min-height:100vh}.pimidi-app-shell--overlay{display:block;position:relative}.pimidi-app-shell--overlay .pimidi-sidebar{z-index:1200;position:fixed;left:0}.pimidi-app-shell--overlay .pimidi-app-shell__content{width:100%}.pimidi-lined-dark-page{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 7px,linear-gradient(#000 0%,#111827 100%);min-height:100vh}.pimidi-studio-page{min-height:100vh;color:var(--pimidi-ink);background:linear-gradient(#79562606 1px, transparent 1px) 0 0 / 100% 6px, radial-gradient(circle at 82% 0%, #ffffffd1, transparent 36rem), var(--pimidi-paper);font-family:DM Sans,sans-serif}.pimidi-studio-header{background:radial-gradient(circle at 30% 10%,#ffffffd1,#0000 34%),linear-gradient(115deg,#fffaf0,#f5ead6);border-bottom:1px solid #89591b52;justify-content:space-between;align-items:center;gap:32px;min-height:156px;padding:34px clamp(28px,4.5vw,64px);display:flex}.pimidi-studio-header__eyebrow,.pimidi-studio-kicker{color:var(--pimidi-gold);letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:700}.pimidi-studio-header h1{color:var(--pimidi-ink);letter-spacing:-.025em;text-align:left;margin:5px 0 0;font:600 clamp(2rem,3.8vw,3.35rem)/1.04 Playfair Display,serif}.pimidi-studio-header p{max-width:650px;color:var(--pimidi-muted);margin:10px 0 0;font-size:.95rem;line-height:1.6}.pimidi-studio-header__stat{min-width:130px;color:var(--pimidi-muted);text-align:center;background:#fffbf1ad;border:1px solid #b77b2638;border-radius:14px;place-items:center;padding:18px 22px;display:grid;box-shadow:inset 0 1px #ffffffc7}.pimidi-studio-header__stat strong{color:var(--pimidi-ink);font:500 2rem/1 Playfair Display,serif}.pimidi-studio-header__stat span{letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:.68rem}.pimidi-icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none}.pimidi-sidebar{z-index:40;color:#ead8b5;background:linear-gradient(100deg,#ffffff09,#0000 24%,#00000026 50%,#0000 77%),repeating-linear-gradient(5deg,#5f331726 0 2px,#0000 2px 9px),radial-gradient(at 20% 0,#4e2c19 0%,#2b170e 46%,#1b0f09 100%);border:1px solid #7a4b22;border-radius:22px;flex-direction:column;align-self:start;height:auto;min-height:0;max-height:calc(100vh - 36px);margin:0 0 0 18px;padding:22px 13px 16px;display:flex;position:sticky;top:50vh;overflow:auto;transform:translateY(-50%);box-shadow:0 18px 42px #2010073d,inset 0 1px #ffe0aa14}.pimidi-sidebar:after{pointer-events:none;content:"";opacity:.28;background-image:repeating-radial-gradient(at 70% 80%,#0000 0 15px,#eeb1580f 16px 17px,#0000 18px 28px);position:absolute;inset:0}.pimidi-brand{z-index:1;color:#e7bd72;flex-direction:column;align-items:center;padding:0 0 18px;text-decoration:none;display:flex;position:relative}.pimidi-brand__symbol{object-fit:contain;box-sizing:content-box;background:#f6efdf;border-radius:6px;width:24px;height:34px;padding:3px;display:block}.pimidi-brand__name{letter-spacing:.04em;font:500 34px/1 Playfair Display,serif}.pimidi-brand__tagline{opacity:.74;margin-top:6px;font:italic 11px Playfair Display,serif}.pimidi-sidebar__nav{z-index:1;gap:5px;display:grid;position:relative}.pimidi-sidebar__nav a{color:#f4e2c3c7;text-align:left;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;width:100%;height:42px;padding:0 15px;font:500 14px Playfair Display,serif;text-decoration:none;transition:all .2s;display:flex}.pimidi-sidebar__nav a:hover{color:#fff3d7;background:#cc97481a}.pimidi-sidebar__nav a.active{color:#ffe2a4;background:linear-gradient(90deg,#b97e2d45,#b97e2d1f);border-color:#dea85261;box-shadow:inset -2px 0 #d8a44f,0 5px 20px #00000026}.pimidi-sidebar__nav a:focus-visible,.pimidi-brand:focus-visible{outline-offset:3px;outline:2px solid #f3c979}@media (width>=781px){.pimidi-sidebar{width:58px;height:min(408px,100dvh - 36px);min-height:0;max-height:none;margin:0 0 0 9px;padding:14px 8px;transition:width .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;top:50dvh;transform:translateY(-50%)}.pimidi-sidebar:hover,.pimidi-sidebar:focus-within{width:210px;box-shadow:0 20px 48px #2010074d,inset 0 1px #ffe0aa14}.pimidi-brand{justify-content:center;height:67px;min-height:67px;max-height:67px;padding-bottom:10px;position:relative;overflow:hidden}.pimidi-brand__name,.pimidi-brand__tagline{opacity:0;white-space:nowrap;max-width:0;max-height:0;transition:max-width .28s cubic-bezier(.22,1,.36,1),max-height .28s cubic-bezier(.22,1,.36,1),margin .28s cubic-bezier(.22,1,.36,1),opacity .2s,transform .28s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translate(-8px)}.pimidi-brand__tagline{margin-top:0}.pimidi-brand__symbol{transition:opacity .2s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:12px;left:50%;transform:translate(-50%)}.pimidi-sidebar:hover .pimidi-brand__symbol,.pimidi-sidebar:focus-within .pimidi-brand__symbol{opacity:0;transform:translate(-50%)scale(.7)}.pimidi-sidebar:hover .pimidi-brand__name,.pimidi-sidebar:hover .pimidi-brand__tagline,.pimidi-sidebar:focus-within .pimidi-brand__name,.pimidi-sidebar:focus-within .pimidi-brand__tagline{opacity:1;max-width:180px;max-height:42px;transform:none}.pimidi-sidebar:hover .pimidi-brand__tagline,.pimidi-sidebar:focus-within .pimidi-brand__tagline{max-height:18px;margin-top:6px}.pimidi-sidebar__nav a{justify-content:flex-start;gap:0;width:40px;height:40px;padding:0 0 0 9px;transition:width .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1),gap .28s cubic-bezier(.22,1,.36,1),color .18s,border-color .18s,background-color .18s,box-shadow .18s;overflow:hidden}.pimidi-sidebar__nav a span{opacity:0;white-space:nowrap;min-width:0;max-width:0;transition:max-width .28s cubic-bezier(.22,1,.36,1),opacity .2s,transform .28s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translate(-6px)}.pimidi-sidebar:hover .pimidi-sidebar__nav a,.pimidi-sidebar:focus-within .pimidi-sidebar__nav a{gap:12px;width:192px;padding:0 14px}.pimidi-sidebar:hover .pimidi-sidebar__nav a span,.pimidi-sidebar:focus-within .pimidi-sidebar__nav a span{opacity:1;max-width:132px;transform:none}}@media (width<=780px){.pimidi-app-shell{display:block}.pimidi-app-shell--overlay .pimidi-sidebar{right:0}.pimidi-sidebar{border:0;border-bottom:1px solid #7a4b22;border-radius:0;flex-direction:row;align-items:center;height:auto;min-height:0;max-height:none;margin:0;padding:12px 16px;position:sticky;top:0;transform:none;box-shadow:0 7px 22px #20100733}.pimidi-brand{flex-direction:row;align-items:flex-start;gap:8px;padding:0}.pimidi-brand__tagline{display:none}.pimidi-brand__symbol{border-radius:5px;width:18px;height:25px;padding:2px}.pimidi-brand__name{font-size:27px}.pimidi-sidebar__nav{gap:3px;margin-left:auto;display:flex}.pimidi-sidebar__nav a{justify-content:center;width:43px;height:39px;padding:0}.pimidi-sidebar__nav a span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.pimidi-studio-header{min-height:0;padding:28px 20px}.pimidi-studio-header__stat{display:none}}@media (width<=520px){.pimidi-sidebar{padding-inline:10px}.pimidi-brand__name{font-size:23px}.pimidi-sidebar__nav{gap:1px}.pimidi-sidebar__nav a{width:30px}}@media (prefers-reduced-motion:reduce){.pimidi-app-shell *,.pimidi-app-shell :before,.pimidi-app-shell :after{scroll-behavior:auto!important;transition:none!important}}.growing-notes{position:relative;overflow:hidden}.growing-notes__background,.growing-notes__canvas{position:absolute;inset:0 auto auto 0}.growing-notes__background{background-color:#f6efdf;background-image:linear-gradient(#79562606 1px,#0000 1px),radial-gradient(circle at 82% 0,#ffffffd1,#0000 36rem);background-position:50%;background-size:100% 6px,cover;width:100%;height:80%}.growing-notes__background:after{content:"";background:linear-gradient(#0000 68%,#6d4b280d);position:absolute;inset:0}.v2-play-page.has-custom-background .growing-notes__background{display:none}.growing-notes__canvas{z-index:2}.growing-notes__piano-line{z-index:4}.growing-notes .piano_keys{z-index:3}.growing-notes__welcome{z-index:1;color:#6d4b28;text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:33%;left:50%;transform:translate(-50%,-50%)}.growing-notes__welcome span{color:#6d4b2894;letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;font-weight:800}.growing-notes__welcome strong{letter-spacing:-.055em;margin-top:8px;font:500 clamp(2.4rem,5vw,5rem)/1 Georgia,serif}.growing-notes__welcome small{color:#4d341c99;margin-top:14px;font-size:.74rem}.v2-play-page.has-custom-background .growing-notes__welcome{color:#fff9eff0}.v2-play-page.has-custom-background .growing-notes__welcome span,.v2-play-page.has-custom-background .growing-notes__welcome small{color:#fff9ef9e}@media (width<=620px){.growing-notes__welcome{width:calc(100% - 40px);top:30%}.growing-notes__welcome small{max-width:250px}}.horizontal-practice{--practice-aqua:#62e6d3;--practice-blue:#4878ff;--practice-ink:#2f2418;--practice-green-black:#071d19;height:100vh;min-height:620px;color:var(--practice-ink);background:linear-gradient(#79562606 1px,#0000 1px) 0 0/100% 6px,radial-gradient(circle at 82% 0,#ffffffd1,#0000 36rem),#f6efdf;font-family:DM Sans,sans-serif;position:relative;overflow:hidden}.horizontal-practice--guided{height:calc(100vh - 64px);min-height:580px}.practice-stage{min-height:490px;position:absolute;inset:0 0 20vh}.lesson-coach{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071d19f0;border:1px solid #62e6d333;border-radius:14px;grid-template-columns:minmax(180px,.8fr) minmax(240px,1.4fr) minmax(300px,1fr) auto;align-items:center;gap:20px;padding:14px 16px;display:grid;position:absolute;top:16px;left:120px;right:22px;box-shadow:0 18px 50px #3624133d}.lesson-coach__identity span,.lesson-coach__identity strong{display:block}.lesson-coach__identity span{color:var(--practice-aqua);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800}.lesson-coach__identity strong{color:#fff9ef;font-size:16px}.lesson-coach p{color:#fff9efbd;margin:0;font-size:12px;line-height:1.45}.lesson-coach ul{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.lesson-coach li{color:#fff9efad;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:4px 7px;font-size:9px}.lesson-coach__stages{background:#ffffff0d;border-radius:999px;gap:3px;padding:3px;display:flex}.lesson-coach__stages span{color:#fff9ef7a;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.lesson-coach__stages span.active{background:var(--practice-aqua);color:#10201f}.horizontal-practice--guided .practice-summary{top:auto;bottom:10px}.horizontal-practice--guided .practice-lane{height:clamp(220px,35vh,340px);top:auto;bottom:88px;transform:none}.horizontal-practice--guided .practice-guidance{top:130px;bottom:auto}.practice-summary{z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071d19e6;border:1px solid #fff9ef29;border-radius:14px;align-items:stretch;gap:1px;width:min(720px,100vw - 220px);min-height:62px;display:flex;position:absolute;top:auto;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 38px #36241340}.practice-summary__item{border-right:1px solid #ffffff14;flex-direction:column;flex:1;justify-content:center;min-width:92px;padding:12px 18px;display:flex}.practice-summary__item span{color:#fff9ef85;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.practice-summary__item strong{color:#fff9ef;margin-top:3px;font-size:17px;line-height:1.1}.practice-summary__next{flex:1.7;min-width:180px}.practice-summary__next strong{color:var(--practice-aqua)}.practice-restart,.practice-toggle{color:#fff9efc2;cursor:pointer;background:#ffffff0a;border:0;padding:0 22px;font-size:13px;font-weight:700;transition:all .16s}.practice-restart:hover,.practice-toggle:hover{color:#fff;background:#ffffff1a}.practice-toggle{background:var(--practice-aqua);color:#10201f}.practice-toggle:hover{color:#10201f;background:#91f2e5}.practice-toggle--running{color:var(--practice-aqua);background:#62e6d321}.practice-toggle:disabled{color:#737d8c;cursor:not-allowed;background:#ffffff0a}.practice-lane{z-index:2;background:linear-gradient(90deg,#e2e9f0b8,#0000 14% 86%,#e2e9f08c),#fffdf7;border:1px solid #79562624;border-radius:18px;height:clamp(284px,39vh,340px);position:absolute;top:50%;left:7vw;right:4vw;overflow:hidden;transform:translateY(-43%);box-shadow:0 28px 70px #472f1733,0 0 0 8px #ffffff38}.practice-lane:before,.practice-lane:after{z-index:1;content:"";pointer-events:none;width:10%;position:absolute;top:0;bottom:0}.practice-lane:before{background:linear-gradient(90deg,#fffdf7,#fffdf700);left:0}.practice-lane:after{background:linear-gradient(270deg,#fffdf7,#fffdf700);right:0}.practice-staff{z-index:1;height:252px;position:absolute;top:50%;left:0;right:12px;transform:translateY(-50%)}.practice-staff svg,.practice-notation svg{display:block;overflow:visible}.practice-hit-zone{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#1ec8b621,#0000);width:40px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.practice-hit-line{z-index:5;background:var(--practice-aqua);pointer-events:none;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 18px #34dac6bf}.practice-hit-line:before,.practice-hit-line:after{border:2px solid var(--practice-aqua);content:"";background:#f7f8f6;width:11px;height:11px;position:absolute;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.practice-hit-line:before{top:0}.practice-hit-line:after{top:100%}.practice-hit-line span{color:var(--practice-aqua);letter-spacing:.16em;background:#162b2b;border-radius:99px;padding:4px 8px;font-size:9px;font-weight:900;position:absolute;top:12px;left:50%;transform:translate(-50%)}.practice-played-note-group{z-index:7;pointer-events:none;will-change:left;width:104px;height:252px;position:absolute;top:50%;transform:translate(-50%,-50%)}.practice-played-note-group .practice-notation{filter:drop-shadow(0 0 4px #087d7380)}.practice-notation-group{z-index:3;will-change:left;width:104px;height:252px;position:absolute;top:50%;transform:translate(-50%,-50%)}.practice-notation{width:104px;height:252px}.practice-notation-group--waiting:before{z-index:-1;content:"";background:#62e6d31a;border:1px solid #0a9f914d;border-radius:14px;width:58px;position:absolute;top:17px;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 0 28px #1cc6b438}.practice-notation-group--waiting{z-index:6;cursor:help;outline:none}.practice-notation-group--waiting:hover:before,.practice-notation-group--waiting:focus-visible:before{background:#62e6d333;border-color:#0a9f9194;box-shadow:0 0 0 4px #62e6d31a,0 0 34px #1cc6b457}.practice-notation-group--completed{opacity:.72}.practice-waiting-indicator{z-index:7;color:#53615f;letter-spacing:.08em;text-transform:uppercase;background:#f4fbf9f0;border:1px solid #0a9f9140;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #17474221}.practice-waiting-indicator strong{color:#087d73;letter-spacing:0;text-transform:none;font-size:12px}.practice-waiting-indicator small{color:#778480;border-left:1px solid #0a9f9133;padding-left:7px;font-size:9px}.practice-waiting-indicator .practice-hover-hint{color:#087d73;white-space:nowrap}.practice-lane__loading{color:#6d7683;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.practice-guidance{z-index:4;color:#4d341ca8;justify-content:center;align-items:center;gap:22px;font-size:12px;display:flex;position:absolute;bottom:26px;left:9vw;right:7vw}.practice-device{color:#4d341c;align-items:center;gap:7px;font-weight:700;display:inline-flex}.practice-device i{background:#7d8794;border-radius:50%;width:7px;height:7px}.practice-device--connected i{background:#4dd8a0;box-shadow:0 0 8px #4dd8a0a6}.practice-device--connecting i{background:#f3c865}.practice-feedback{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e131bf2;border:1px solid #ffffff29;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-width:min(440px,100vw - 40px);padding:14px 16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,130px);box-shadow:0 24px 70px #00000080}.practice-feedback__icon{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:flex}.practice-feedback--failed .practice-feedback__icon{color:#f77;background:#f8626226}.practice-feedback--complete .practice-feedback__icon{color:#4add9e;background:#42d39526}.practice-feedback span,.practice-feedback strong{display:block}.practice-feedback span{color:#8e98a8;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:800}.practice-feedback strong{color:#fff;font-size:14px}.practice-feedback button{color:#111721;cursor:pointer;background:#fff;border:0;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800}.practice-feedback button:hover{background:var(--practice-aqua)}.practice-feedback--result{min-width:min(680px,100vw - 160px);transform:translate(-50%,112px)}.practice-feedback__result-copy small{color:#aab3c0;margin-top:3px;font-size:11px;display:block}.practice-feedback__actions{gap:8px;display:flex}.practice-feedback__actions .secondary{color:#fff;background:#ffffff0f;border:1px solid #ffffff29}.practice-piano-line{z-index:34;background:linear-gradient(90deg, var(--practice-green-black), var(--practice-aqua), var(--practice-green-black));height:3px;position:absolute;top:80%;left:0;right:0;box-shadow:0 0 16px #39dbc773}.horizontal-practice .whiteKey{background:#fff9ef;border-color:#b9b2a5}.horizontal-practice .blackKey{background:#061d18}@media (width<=900px){.lesson-coach{grid-template-columns:1fr auto;gap:10px;left:90px;right:12px}.lesson-coach p,.lesson-coach ul{display:none}.practice-summary{width:auto;inset:auto 12px 8px 90px;transform:none}.practice-summary__item{min-width:62px;padding:10px 12px}.practice-summary__next{min-width:130px}.practice-restart,.practice-toggle{padding:0 14px}.practice-lane{left:4vw;right:2vw}.practice-guidance{text-align:center;flex-direction:column;gap:4px;left:9vw}.practice-feedback--result{min-width:calc(100vw - 120px)}.practice-feedback__actions{flex-direction:column}}.sheet-practice{color:#fff;background:radial-gradient(circle at 50% 10%,#2563eb29,#0000 32%),#080b10;min-height:calc(100vh - 64px);padding:104px 18px 180px}.sheet-practice--message{text-align:center;place-items:center;padding-top:160px;display:grid}.sheet-practice--message h2{margin-bottom:8px;font-size:24px}.sheet-practice--message p{color:#aeb7c5}.sheet-practice__spinner{border:4px solid #273244;border-top-color:#60a5fa;border-radius:50%;width:38px;height:38px;margin:0 auto 18px;animation:.8s linear infinite sheet-practice-spin;display:block}.sheet-practice__controls{color:#2f2418;border-top:1px solid #4d341c1f;border-bottom:1px solid #4d341c1f;grid-template-columns:minmax(190px,.8fr) minmax(300px,1.5fr) auto;align-items:center;gap:18px;margin:8px 28px 4px;padding:12px 0;display:grid}.sheet-practice__status,.sheet-practice__progress,.sheet-practice__legend,.sheet-practice__legend span{align-items:center;display:flex}.sheet-practice__status{gap:10px}.sheet-practice__status-dot{background:#64748b;border-radius:50%;flex:none;width:10px;height:10px}.sheet-practice__status-dot--connected{background:#22c55e;box-shadow:0 0 12px #22c55ea6}.sheet-practice__status-dot--connecting{background:#f59e0b}.sheet-practice__status-dot--error{background:#ef4444}.sheet-practice__status span,.sheet-practice__status strong,.sheet-practice__instruction small{display:block}.sheet-practice__status span,.sheet-practice__instruction small,.sheet-practice__progress span{color:#4d341c9e;font-size:11px}.sheet-practice__status strong{color:#f04a24;margin-top:2px;font-size:15px}.sheet-practice__instruction{text-align:center}.sheet-practice__feedback{color:#2f2418;margin-bottom:3px;font-size:13px;font-weight:700;display:block}.sheet-practice__feedback--correct,.sheet-practice__feedback--complete{color:#007c68}.sheet-practice__feedback--wrong{color:#c53128}.sheet-practice__progress{white-space:nowrap;justify-content:flex-end;gap:12px}.sheet-practice__progress button{color:#4d341c;cursor:pointer;background:#4d341c0a;border:1px solid #4d341c2e;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.sheet-practice__progress button:hover{background:#4d341c1a}.sheet-practice__progress .sheet-practice__play-toggle{color:#fff9ef;background:#ff5948;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid;box-shadow:0 7px 18px #ff59483d}.sheet-practice__progress .sheet-practice__play-toggle:hover{background:#ff7566}.sheet-practice__play-toggle svg{fill:currentColor;width:15px}.sheet-practice__score{width:min(1120px,100vw - 36px);margin:0 auto;position:relative}.sheet-practice__legend{z-index:2;color:#52606f;gap:12px;font-size:11px;position:absolute;top:14px;right:18px}.sheet-practice__legend span{gap:5px}.sheet-practice__legend-dot{border-radius:50%;width:8px;height:8px}.sheet-practice__legend-dot--next{background:#f04a24}.sheet-practice__legend-dot--done{background:#11182714;border:1px solid #94a3b8}.sheet-practice__piano{z-index:20;background:linear-gradient(#0a0e15e6,#07090d 38%);border-top:1px solid #ffffff29;height:144px;padding-top:12px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 50px #0006}@keyframes sheet-practice-spin{to{transform:rotate(360deg)}}@media (width<=900px){.sheet-practice{padding-top:150px}.sheet-practice__controls{text-align:center;grid-template-columns:1fr}.sheet-practice__status,.sheet-practice__progress{justify-content:center}}.v2-take-toggle{color:#fff9efc2;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02120eb3;border:1px solid #fff9ef26;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:0 14px;display:inline-flex}.v2-take-toggle>span{background:0 0;border:1px solid #fff9ef80;border-radius:50%;flex:none;width:8px;height:8px}.v2-take-toggle>span.is-recording{border-color:var(--coral);background:var(--coral);animation:1.5s ease-in-out infinite v2-take-pulse;box-shadow:0 0 0 5px #ff594829}.v2-take-toggle strong{white-space:nowrap;font-size:.66rem}.v2-take-toggle:hover,.v2-take-toggle.is-active{color:var(--cream);border-color:#62e6d37a}.v2-take-studio{z-index:1200;color:#073b2e;visibility:hidden;pointer-events:none;overscroll-behavior:contain;background:#fff9eff7;border:1px solid #fff9efb3;border-radius:28px;flex-direction:column;gap:20px;width:min(570px,100vw - 24px);padding:26px;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto;transform:translate(calc(100% + 24px));box-shadow:0 30px 90px #00000080}.v2-take-studio,.v2-take-studio *,.v2-take-studio :before,.v2-take-studio :after{box-sizing:border-box}.v2-take-studio.is-open{visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.v2-take-studio>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.v2-take-studio>header span,.v2-take-section-heading>span,.v2-take-measure-map>div:first-child>span,.v2-measure-detail>header span{color:#008f7a;letter-spacing:.13em;text-transform:uppercase;font-size:.61rem;font-weight:850}.v2-take-studio>header h2{letter-spacing:-.05em;margin:3px 0 0;font:500 2.05rem/1.05 Georgia,serif}.v2-take-studio>header>button{color:#073b2e;cursor:pointer;background:0 0;border:1px solid #073b2e26;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:1.35rem;display:grid}.v2-take-capture-note{color:#fff9ef;background:#073b2e;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.v2-take-capture-note i{background:#fff9ef52;border-radius:50%;flex:none;width:10px;height:10px}.v2-take-capture-note.is-recording i{background:#ff5948;animation:1.5s ease-in-out infinite v2-take-pulse;box-shadow:0 0 0 6px #ff594826}.v2-take-capture-note div{flex-direction:column;gap:2px;min-width:0;display:flex}.v2-take-capture-note strong{font-size:.77rem}.v2-take-capture-note span{color:#fff9ef9e;font-size:.67rem;line-height:1.35}.v2-take-empty{text-align:center;border:1px dashed #073b2e36;border-radius:20px;padding:34px 28px}.v2-take-empty>span{color:#008f7a;border:1px solid #008f7a40;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:13px;font-size:.62rem;font-weight:850;display:inline-grid}.v2-take-empty h3{margin:0;font:500 1.45rem/1.1 Georgia,serif}.v2-take-empty p{color:#073b2e94;max-width:360px;margin:8px auto 0;font-size:.72rem;line-height:1.55}.v2-take-empty--compact{padding:24px}.v2-take-list,.v2-take-compare{flex-direction:column;gap:12px;display:flex}.v2-take-section-heading{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.v2-take-section-heading strong{color:#073b2e8f;font-size:.65rem}.v2-take-list>div:last-child{border-top:1px solid #073b2e1a}.v2-take-list-item{border-bottom:1px solid #073b2e1a;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:10px 0;display:grid}.v2-take-list-item__number{color:#008f7a;background:#008f7a17;border-radius:10px;place-items:center;width:31px;height:31px;font-size:.65rem;font-weight:850;display:grid}.v2-take-list-item>div{flex-direction:column;gap:3px;min-width:0;display:flex}.v2-take-list-item input{color:#073b2e;background:0 0;border:0;outline:0;min-width:0;padding:0;font:750 .78rem/1.2 inherit}.v2-take-list-item input:focus{box-shadow:0 2px #008f7a}.v2-take-list-item small{color:#073b2e7a;text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;overflow:hidden}.v2-take-list-item>button{color:#073b2e;cursor:pointer;background:0 0;border:1px solid #073b2e24;border-radius:999px;padding:7px 10px;font-size:.59rem;font-weight:800}.v2-take-list-item>button.is-selected{color:#fff9ef;background:#008f7a;border-color:#008f7a}.v2-take-compare{padding-top:8px}.v2-take-selectors{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;display:grid}.v2-take-selectors>span{color:#073b2e59;padding-bottom:11px}.v2-take-selectors label{color:#073b2e80;text-transform:uppercase;flex-direction:column;gap:5px;font-size:.6rem;font-weight:800;display:flex}.v2-take-selectors select{color:#073b2e;background:#ffffff8f;border:1px solid #073b2e29;border-radius:11px;width:100%;height:40px;padding:0 30px 0 11px;font:750 .69rem/1 inherit}.v2-take-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.v2-take-summary-card{background:#f2ebdf;border-radius:16px;padding:15px}.v2-take-summary-card>span{color:#008f7a;letter-spacing:.1em;text-transform:uppercase;font-size:.55rem;font-weight:850}.v2-take-summary-card>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:500 1.08rem/1.15 Georgia,serif;display:block;overflow:hidden}.v2-take-summary-card>div{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.v2-take-summary-card p{flex-direction:column;margin:0;display:flex}.v2-take-summary-card b{font-size:.86rem}.v2-take-summary-card small{color:#073b2e7a;font-size:.53rem}.v2-take-delta{color:#754238;background:#ff59481a;border-radius:11px;margin:0;padding:11px 13px;font-size:.66rem;font-weight:700;line-height:1.45}.v2-take-delta.is-improved{color:#006c5d;background:#008f7a1a}.v2-take-measure-map{border:1px solid #073b2e1c;border-radius:17px;padding:16px}.v2-take-measure-map>div:first-child{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.v2-take-measure-map>div:first-child small{color:#073b2e7a;align-items:center;gap:7px;font-size:.55rem;display:flex}.v2-take-measure-map i{border-radius:50%;width:7px;height:7px;margin-left:3px}.v2-take-measure-map i.is-clean{background:#008f7a}.v2-take-measure-map i.is-problem{background:#e6a630}.v2-take-measure-map i.is-recurring{background:#ff5948}.v2-take-measure-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr));gap:6px;display:grid}.v2-take-measure-grid button{color:#073b2e;cursor:pointer;background:#073b2e0f;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;height:34px;padding:0;font-size:.62rem;font-weight:850;display:flex;position:relative}.v2-take-measure-grid button>span{line-height:1}.v2-take-measure-grid button>small{gap:2px;display:flex;position:absolute;bottom:3px;right:3px}.v2-take-measure-grid button>small i{color:#fff9ef;border-radius:3px;place-items:center;width:10px;height:10px;margin:0;font:800 .39rem/1 inherit;display:grid}.v2-take-measure-grid button>small i.is-pitch{background:#d44234}.v2-take-measure-grid button>small i.is-timing{background:#8457a5}.v2-take-measure-grid button.is-clean{color:#007463;background:#008f7a1f}.v2-take-measure-grid button.is-problem{color:#80530a;background:#e6a63033}.v2-take-measure-grid button.is-recurring{color:#a32a1e;background:#ff59482e}.v2-take-measure-grid button.is-selected{outline-offset:2px;outline:2px solid}.v2-measure-detail{color:#fff9ef;background:#073b2e;border-radius:18px;padding:17px}.v2-measure-detail>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.v2-measure-detail>header>div{flex-direction:column;display:flex}.v2-measure-detail>header strong{font:500 1.85rem/1 Georgia,serif}.v2-measure-detail>header p{text-align:right;flex-direction:column;gap:4px;margin:0;display:flex}.v2-measure-detail>header b{color:#ff897d;font-size:.58rem}.v2-measure-detail>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.v2-measure-attempt{background:#fff9ef0f;border:1px solid #fff9ef1c;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.v2-measure-attempt>span{color:#fff9ef73;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.55rem;font-weight:800;overflow:hidden}.v2-measure-attempt strong{font-size:.7rem}.v2-measure-attempt small{color:#fff9ef94;font-size:.57rem;line-height:1.4}.v2-measure-attempt.is-empty{opacity:.52}@media (width<=1400px){.v2-take-toggle{justify-content:center;width:48px;padding:0}.v2-take-toggle strong{display:none}}@media (width<=620px){.v2-take-studio{border-radius:22px;width:calc(100vw - 12px);padding:20px 16px;top:6px;bottom:6px;right:6px}.v2-take-studio>header h2{font-size:1.75rem}.v2-take-summary-grid,.v2-measure-detail>div:last-child{grid-template-columns:1fr}.v2-take-measure-map>div:first-child{flex-direction:column;align-items:flex-start;gap:7px}}@media (prefers-reduced-motion:reduce){.v2-take-studio{transition-duration:.01ms}.v2-take-toggle>span.is-recording,.v2-take-capture-note.is-recording i{animation:none}}@keyframes v2-take-pulse{0%,to{opacity:.7}50%{opacity:1}}.v2-play-page{--cream:#fff9ef;--ink:#073b2e;--green:#008f7a;--coral:#ff5948;--v2-stage-gutter:clamp(12px, 3vw, 44px);--v2-pedal-tray-height:0px;--v2-ui-fade-duration:.2s;min-height:100vh;color:var(--ink);background:#041612;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;position:relative;overflow:hidden}.v2-play-page.has-visible-pedals{--v2-pedal-tray-height:76px}.v2-play-page.has-full-width-piano{--v2-stage-gutter:0px}.v2-shared-background{z-index:0;filter:saturate(.72);background-color:#071d19;background-position:50%;background-size:cover;position:fixed;inset:0}.v2-shared-background:after{content:"";background:linear-gradient(#0314116b,#031411b8);position:absolute;inset:0}.v2-play-page *,.v2-play-page :before,.v2-play-page :after{box-sizing:border-box}.v2-play-header{z-index:980;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:18px;left:clamp(18px,4vw,62px);right:clamp(18px,4vw,62px)}.v2-play-brand,.v2-play-header-actions{pointer-events:auto}.v2-play-brand{width:max-content;color:var(--cream);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.v2-play-brand>span{background:var(--green);border-radius:50% 50% 48% 20%;place-items:center;width:31px;height:31px;font:800 1.1rem/1 Georgia,serif;display:grid}.v2-play-brand strong{letter-spacing:-.035em;font-size:1rem}.v2-song-picker-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes v2-song-picker-pulse{to{opacity:.3}}.v2-play-header-actions{grid-column:3;justify-self:end;gap:7px;display:flex}.v2-background-picker{gap:7px;display:flex}.v2-score-view-toggle{color:#fff9efad;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02120ea8;border:1px solid #fff9ef26;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:0 14px;display:flex}.v2-score-view-toggle strong{white-space:nowrap;font-size:.66rem}.v2-score-view-toggle>span{background:#fff9ef33;border-radius:99px;flex:none;width:28px;height:16px;transition:background .16s;position:relative}.v2-score-view-toggle>span:after{content:"";background:var(--cream);border-radius:50%;width:10px;height:10px;transition:transform .16s;position:absolute;top:3px;left:3px}.v2-score-view-toggle.is-active{color:var(--cream);border-color:#62e6d399}.v2-score-view-toggle.is-active>span{background:var(--green)}.v2-score-view-toggle.is-active>span:after{transform:translate(12px)}.v2-background-picker label,.v2-background-picker>button{min-height:42px;color:var(--cream);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02120ea8;border:1px solid #fff9ef26;border-radius:999px;justify-content:center;align-items:center;display:flex}.v2-background-picker label{gap:8px;max-width:230px;padding:0 15px;font-size:.69rem;font-weight:750}.v2-background-picker label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v2-background-picker svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;width:16px}.v2-background-picker input{opacity:0;width:1px;height:1px;position:absolute}.v2-background-picker>button{width:42px;padding:0;font-size:1.2rem}.v2-mode-dock{z-index:990;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#02120eb3;border:1px solid #fff9ef1f;border-radius:999px;gap:3px;padding:5px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 34px #0000003d}.v2-mode-dock button{color:#fff9ef94;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:.68rem;font-weight:800;transition:all .16s;display:flex}.v2-mode-dock button:hover{color:var(--cream)}.v2-mode-dock button.is-active{color:var(--ink);background:var(--cream);box-shadow:0 5px 16px #0003}.v2-mode-dock svg{fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:15px;height:15px}.v2-mode-dock button:nth-child(n+2) svg{fill:none}.v2-mode-dock__short{display:none}.v2-background-picker,.v2-mode-dock,.v2-piano-config,.v2-wait-toggle{transition:opacity var(--v2-ui-fade-duration) ease-in-out, visibility 0s linear}.v2-play-page.is-playing .v2-background-picker,.v2-play-page.is-playing .v2-mode-dock,.v2-play-page.is-playing .v2-piano-config,.v2-play-page.is-playing .v2-wait-toggle{visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--v2-ui-fade-duration) ease-in-out, visibility 0s linear var(--v2-ui-fade-duration)}.v2-play-stage{z-index:1;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #0000005c}.v2-play-stage .Mark{display:none}.v2-play-stage .coverPhoto{background-position:50%}.v2-play-page.has-custom-background .v2-play-stage .coverPhoto{background-color:#0000!important;background-image:none!important}.v2-play-stage .redFancyLine{background:var(--coral);border-top:0;height:5px;box-shadow:0 0 18px #ff594880}.v2-play-page .whiteKey{background:var(--cream);border-color:#b9b2a5}.v2-play-page .blackKey{background:#061d18}.v2-play-page .piano_keys{overflow:hidden}.computer-keyboard-piano-hint{display:none}.v2-play-page .computer-keyboard-piano-hint{color:#fff9efeb;pointer-events:none;background:#073b2e;border:1px solid #fff9ef38;border-radius:6px;place-items:center;width:clamp(17px,1.35vw,23px);height:clamp(17px,1.35vw,23px);font:800 clamp(.5rem,.58vw,.66rem)/1 Avenir Next,Avenir,sans-serif;display:grid;position:absolute;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #073b2e33}.v2-play-page .pianoKey.midi-pressed .computer-keyboard-piano-hint{color:#073b2e;background:#fff9ef;border-color:#073b2e33}.v2-pause-veil{z-index:155;inset:0 var(--v2-stage-gutter) calc(20vh + var(--v2-pedal-tray-height));pointer-events:none;transition:opacity var(--v2-ui-fade-duration) ease-in-out, visibility 0s linear;background:#00000059;position:fixed}.v2-play-idle{z-index:160;color:var(--cream);pointer-events:none;transition:opacity var(--v2-ui-fade-duration) ease-in-out, visibility 0s linear;flex-direction:column;align-items:center;display:flex;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%)}.v2-play-page.is-playing .v2-pause-veil,.v2-play-page.is-playing .v2-play-idle{visibility:hidden;opacity:0;transition:opacity var(--v2-ui-fade-duration) ease-in-out, visibility 0s linear var(--v2-ui-fade-duration)}.v2-play-idle>span{color:#fff9ef80;letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;font-weight:800}.v2-play-idle>strong{letter-spacing:-.06em;font:500 clamp(2.8rem,6vw,5.6rem)/1 Georgia,serif}.v2-transport{z-index:990;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#02120ec7;border:1px solid #fff9ef29;border-radius:16px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:min(560px,45vw);min-height:46px;padding:5px 11px 5px 5px;display:grid;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000057}.v2-transport--inline{color:#6d4b28;width:min(390px,100vw - 32px);min-height:56px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;background:0 0;border:0;grid-template-columns:52px minmax(0,1fr);gap:14px;margin-top:22px;padding:2px;position:static;transform:none}.v2-transport--inline .v2-transport__play{border-radius:50%;width:52px;height:52px}.v2-transport--inline .v2-transport__meta{color:#6d4b28;margin-bottom:8px}.v2-transport--inline .v2-transport__meta strong{color:#6d4b28;gap:7px}.v2-transport--inline .v2-transport__meta span,.v2-transport--inline .v2-transport__song-picker{color:#4d341cb3}.v2-transport--inline .v2-transport__range-wrap{background:#4d341c26}.v2-transport--inline .v2-transport__range-wrap>span{background:#6d4b28}.v2-transport__hint{color:#4d341c80;letter-spacing:.035em;margin-top:6px;font-size:.54rem;font-weight:750;display:block}.v2-transport__play{width:36px;height:36px;color:var(--cream);background:var(--coral);cursor:pointer;border:0;border-radius:11px;place-items:center;transition:all .16s;display:grid;box-shadow:0 9px 24px #ff59484d}.v2-transport__play:hover{transform:translateY(-2px)}.v2-transport__play:disabled{opacity:.45;cursor:wait}.v2-transport__play svg{fill:currentColor;width:17px}.v2-transport__timeline{min-width:0}.v2-transport__meta{color:var(--cream);justify-content:space-between;gap:18px;margin-bottom:5px;display:flex}.v2-transport__meta strong{white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:0;font-size:.66rem;display:flex}.v2-transport__song-picker{color:#fff9ef8c;cursor:pointer;flex:1;grid-template-columns:minmax(0,1fr) 12px;align-items:center;min-width:0;max-width:230px;display:grid}.v2-transport__song-picker select{width:100%;min-width:0;color:inherit;cursor:pointer;appearance:none;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:0;font-family:inherit;font-size:.66rem;font-weight:650;overflow:hidden}.v2-transport__song-picker select:focus{color:var(--cream)}.v2-transport__song-picker select:disabled{cursor:wait}.v2-transport__song-picker svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:12px;height:12px}.v2-transport__song-picker:hover{color:#62e6d3}.v2-transport__song-picker.is-loading svg{animation:.7s ease-in-out infinite alternate v2-song-picker-pulse}.v2-transport__meta span{color:#fff9ef9e;font-variant-numeric:tabular-nums;font-size:.68rem}.v2-transport__meta i{opacity:.4;padding:0 2px;font-style:normal}.v2-transport__range-wrap{background:#fff9ef24;border-radius:99px;height:5px;position:relative}.v2-transport__range-wrap>span{border-radius:inherit;background:var(--cream);pointer-events:none;position:absolute;inset:0 auto 0 0}.v2-transport__range-wrap input{opacity:0;cursor:pointer;width:100%;height:20px;margin:0;position:absolute;inset:-8px 0}.v2-transport__shortcut{color:#fff9ef75;letter-spacing:.04em;border:1px solid #fff9ef21;border-radius:7px;padding:5px 8px;font-size:.57rem;font-weight:800}.v2-player-tools{z-index:1000;right:clamp(22px,4vw,68px);bottom:calc(20vh + var(--v2-pedal-tray-height) + 36px);flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.v2-player-tools .v2-take-toggle{width:auto;padding:0 14px}.v2-player-tools .v2-take-toggle strong{display:block}.v2-piano-config{position:relative}.v2-pedal-tray{z-index:970;height:var(--v2-pedal-tray-height);color:var(--cream);box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;padding:8px clamp(14px,3vw,44px);display:flex;position:fixed;bottom:0;left:0;right:0}.v2-pedal-tray__legend{color:#fff9ef75;min-width:112px;transition:opacity var(--v2-ui-fade-duration) ease-in-out, visibility 0s linear;grid-template-columns:auto auto;gap:3px 9px;font-size:.54rem;font-weight:750;display:grid;position:absolute;left:clamp(18px,4vw,68px)}.v2-play-page.is-playing .v2-pedal-tray__legend{visibility:hidden;opacity:0;transition:opacity var(--v2-ui-fade-duration) ease-in-out, visibility 0s linear var(--v2-ui-fade-duration)}.v2-pedal-tray__legend strong{color:var(--cream);grid-column:1/-1;font:500 .9rem/1 Georgia,serif}.v2-pedal-tray__legend span{white-space:nowrap;align-items:center;gap:4px;display:flex}.v2-pedal-tray__legend i{background:#fff9ef33;border-radius:50%;width:6px;height:6px}.v2-pedal-tray__legend .is-song{background:var(--coral);box-shadow:0 0 0 3px #ff59481f}.v2-pedal-tray__legend .is-live{background:#56dbc6;box-shadow:0 0 0 3px #56dbc61f}.v2-pedal-tray__pedals{grid-template-columns:repeat(3,64px);gap:clamp(20px,4vw,56px);display:grid}.v2-pedal{flex-direction:column;align-items:center;gap:4px;width:64px;height:58px;transition:all .16s;display:flex}.v2-pedal.is-requested{color:#ffd2cc}.v2-pedal__shape{background:linear-gradient(#69716c,#242b28);border:1px solid #fff9ef33;border-radius:12px 12px 8px 8px;align-items:flex-end;width:25px;height:40px;display:flex;position:relative;overflow:hidden;transform:perspective(40px)rotateX(-8deg);box-shadow:inset 0 1px #ffffff38}.v2-pedal__shape>i{background:linear-gradient(180deg, #ff59488c, var(--coral));width:100%;transition:height .1s linear;display:block}.v2-pedal.is-pressed .v2-pedal__shape{background:linear-gradient(#62e6d3,#087b6a);transform:perspective(40px)rotateX(5deg)translateY(2px)}.v2-pedal__copy{flex-direction:column;align-items:center;min-width:0;display:flex}.v2-pedal__copy strong{color:#fff9ef94;text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:.5rem;font-weight:750;line-height:1;overflow:hidden}.v2-piano-config__button{color:#fff9efb3;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02120eb8;border:1px solid #fff9ef26;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.68rem;font-weight:800;transition:all .16s;display:flex;box-shadow:0 12px 32px #0000002e}.v2-piano-config__button:hover,.v2-piano-config__button.is-open{color:var(--cream);background:#04201aeb;border-color:#fff9ef47}.v2-piano-config__button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:17px;height:17px}.v2-piano-config__button>span{background:#fff9ef42;border-radius:50%;width:7px;height:7px;margin-left:2px;box-shadow:0 0 0 3px #fff9ef0f}.v2-piano-config__button>span.is-connected{background:#56dbc6;box-shadow:0 0 0 3px #56dbc626}.v2-piano-config__menu{width:min(310px,100vw - 24px);color:var(--cream);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);max-height:calc(80vh - var(--v2-pedal-tray-height) - 158px);background:#021611f5;border:1px solid #fff9ef29;border-radius:20px;padding:12px;animation:.16s both v2-config-menu-in;position:absolute;bottom:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 24px 64px #0000006b}.v2-piano-config__heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.v2-piano-config__heading>div{flex-direction:column;gap:2px;display:flex}.v2-piano-config__heading span{color:#fff9ef6b;letter-spacing:.13em;text-transform:uppercase;font-size:.57rem;font-weight:850}.v2-piano-config__heading strong{letter-spacing:-.025em;font:500 1.25rem/1.25 Georgia,serif}.v2-piano-config__heading button{color:#fff9ef8a;cursor:pointer;background:#fff9ef14;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:1rem;display:grid}.v2-piano-config__status{background:#fff9ef0b;border:1px solid #fff9ef14;border-radius:13px;grid-template-columns:10px 1fr;align-items:center;gap:10px;margin:10px 0 8px;padding:9px 10px;display:grid}.v2-piano-config__status>span{background:#fff9ef4d;border-radius:50%;width:9px;height:9px}.v2-piano-config__status.is-connected>span{background:#56dbc6;box-shadow:0 0 0 4px #56dbc61f}.v2-piano-config__status div,.v2-piano-output-toggle>span{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.v2-piano-config__status strong,.v2-piano-output-toggle strong{font-size:.69rem}.v2-piano-config__status small,.v2-piano-output-toggle small{color:#fff9ef7a;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;line-height:1.35;overflow:hidden}.v2-piano-output-toggle{width:100%;color:var(--cream);cursor:pointer;text-align:left;background:#fff9ef0b;border:1px solid #fff9ef14;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:8px 10px;display:grid}.v2-piano-output-toggle+.v2-piano-output-toggle{margin-top:8px}.v2-piano-config__section-label{color:#fff9ef6b;letter-spacing:.13em;text-transform:uppercase;margin:12px 4px 7px;font-size:.57rem;font-weight:850}.v2-piano-config__song{background:#fff9ef0b;border:1px solid #fff9ef14;border-radius:13px;align-items:center;min-height:40px;padding:0 11px;display:flex}.v2-piano-config__song .v2-transport__song-picker{color:#fff9efb8;max-width:none}.v2-config-background-actions{gap:8px;margin-top:8px;display:flex}.v2-config-background-actions label,.v2-config-background-actions button{color:#fff9efb8;cursor:pointer;background:#fff9ef0e;border:1px solid #fff9ef1a;border-radius:11px;justify-content:center;align-items:center;min-height:38px;font-family:inherit;font-size:.61rem;font-weight:800;display:flex}.v2-config-background-actions label{flex:1;gap:7px;min-width:0;padding:0 11px}.v2-config-background-actions label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v2-config-background-actions svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;width:15px}.v2-config-background-actions input{opacity:0;width:1px;height:1px;position:absolute}.v2-config-background-actions button{padding:0 10px}.v2-piano-output-toggle>i{background:#fff9ef33;border-radius:99px;flex:none;width:34px;height:19px;transition:background .16s;position:relative}.v2-piano-output-toggle>i:after{content:"";background:var(--cream);border-radius:50%;width:13px;height:13px;transition:transform .16s;position:absolute;top:3px;left:3px}.v2-piano-output-toggle.is-active{background:#008f7a24;border-color:#56dbc657}.v2-piano-output-toggle.is-active>i{background:var(--green)}.v2-piano-output-toggle.is-active>i:after{transform:translate(15px)}.v2-piano-output-toggle:disabled{opacity:.46;cursor:not-allowed}.v2-wait-toggle{color:#fff9efa8;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02120eb8;border:1px solid #fff9ef26;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:0 15px;font-size:.68rem;font-weight:800;display:flex}.v2-wait-toggle>span{background:#fff9ef33;border-radius:99px;width:28px;height:16px;position:relative}.v2-wait-toggle>span:after{content:"";background:var(--cream);border-radius:50%;width:10px;height:10px;transition:transform .16s;position:absolute;top:3px;left:3px}.v2-wait-toggle.is-active{color:var(--cream);border-color:#008f7aa6}.v2-wait-toggle.is-active>span{background:var(--green)}.v2-wait-toggle.is-active>span:after{transform:translate(12px)}.v2-play-page--horizontal,.v2-play-page--sheet{overflow:auto}.v2-play-page--horizontal .horizontal-practice,.v2-play-page--sheet .sheet-practice{z-index:1;background:0 0;position:relative}.v2-play-page--horizontal.has-custom-background .horizontal-practice,.v2-play-page--sheet.has-custom-background .sheet-practice{background:0 0}.v2-play-page--horizontal.has-transparent-score .practice-lane{background:#02120e14;border-color:#fff9ef3d;box-shadow:0 28px 80px #00000047,inset 0 0 0 1px #fff9ef0a}.v2-play-page--horizontal.has-transparent-score .practice-lane:before,.v2-play-page--horizontal.has-transparent-score .practice-lane:after{display:none}.v2-play-page--horizontal.has-transparent-score .practice-staff svg,.v2-play-page--horizontal.has-transparent-score .practice-notation svg{filter:brightness(0)invert()}.v2-play-page--horizontal.has-transparent-score .practice-hit-line:before,.v2-play-page--horizontal.has-transparent-score .practice-hit-line:after{background:#02120ead}.v2-play-page--horizontal.has-transparent-score .practice-lane__loading{color:var(--cream)}.v2-play-page--sheet.has-transparent-score .sheet-music-paper{background-color:#02120e14;background-image:none;border:1px solid #fff9ef38;box-shadow:0 28px 80px #00000047,inset 0 0 0 1px #fff9ef0a}.v2-play-page--sheet.has-transparent-score .sheet-music-paper header{color:var(--cream)}.v2-play-page--sheet.has-transparent-score .sheet-practice__controls{color:var(--cream);border-color:#fff9ef33}.v2-play-page--sheet.has-transparent-score .sheet-practice__status span,.v2-play-page--sheet.has-transparent-score .sheet-practice__instruction small,.v2-play-page--sheet.has-transparent-score .sheet-practice__progress span{color:#fff9efad}.v2-play-page--sheet.has-transparent-score .sheet-practice__feedback{color:var(--cream)}.v2-play-page--sheet.has-transparent-score .sheet-music-paper svg{filter:brightness(0)invert()}.v2-play-page--sheet.has-transparent-score .sheet-practice__legend{color:#fff9efb8}.v2-play-page--sheet.has-transparent-score .sheet-practice__legend-dot--done{background:#fff9ef1f;border-color:#fff9efa3}.v2-play-page--horizontal .piano_keys{right:var(--v2-stage-gutter)!important;left:var(--v2-stage-gutter)!important}.v2-play-page--horizontal .practice-piano-line{right:var(--v2-stage-gutter);left:var(--v2-stage-gutter);background:var(--coral);height:5px;box-shadow:0 0 18px #ff594880}.v2-play-page--sheet .sheet-practice__piano{right:var(--v2-stage-gutter);left:var(--v2-stage-gutter);background:0 0;border-top:0;height:20vh;padding-top:0;overflow:hidden;box-shadow:0 -12px 36px #52341224}.v2-play-page--sheet .sheet-practice__piano:before{z-index:35;content:"";background:var(--coral);pointer-events:none;height:5px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px #ff594880}.v2-play-page--sheet .sheet-practice__piano .piano_keys{left:0!important;right:0!important}.v2-play-page--horizontal .practice-summary{width:min(940px, calc(100vw - 2 * var(--v2-stage-gutter)));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#02120ed1;border-color:#fff9ef24;border-radius:22px;min-width:0;top:auto;bottom:18px;overflow:hidden;box-shadow:0 18px 44px #00000057}.v2-play-page--horizontal .practice-summary__item{background:0 0;border-color:#fff9ef17}.v2-play-page--horizontal .practice-summary__item span{color:#fff9ef7a}.v2-play-page--horizontal .practice-summary__item strong{color:var(--cream)}.v2-play-page--horizontal .practice-summary__next strong{color:#62e6d3}.v2-play-page--horizontal .practice-toggle{min-width:84px;color:var(--cream);background:var(--coral)}.v2-play-page--horizontal .practice-toggle:hover{color:var(--cream);background:#ff7566}.v2-play-page--horizontal .practice-toggle--running{color:#62e6d3;background:#62e6d31f}.v2-play-page--horizontal .practice-restart{min-width:94px;color:var(--cream);background:#fff9ef0f;border-left:1px solid #fff9ef1a}.v2-play-page--horizontal .practice-restart:hover{color:var(--ink);background:var(--coral)}.v2-play-page--horizontal .practice-guidance{bottom:116px}.v2-play-page--horizontal .v2-player-tools{bottom:calc(20vh + var(--v2-pedal-tray-height) + 106px)}.v2-play-page--sheet .sheet-practice{padding-top:82px}@media (width<=1400px){.v2-score-view-toggle strong{display:none}.v2-score-view-toggle{width:50px;padding:0 11px}}@media (width<=900px){.v2-play-header{grid-template-columns:1fr 1fr}.v2-play-header-actions{grid-column:2}.v2-wait-toggle{bottom:auto;right:auto}.v2-player-tools{right:18px;bottom:calc(20vh + var(--v2-pedal-tray-height) + 28px)}.v2-pedal-tray{justify-content:center}.v2-pedal-tray__legend{display:none}.v2-play-page--horizontal .practice-summary{min-width:calc(100vw - 36px)}}@media (width<=620px){.v2-play-header{top:12px;left:12px;right:12px}.v2-play-brand strong,.v2-background-picker label span{display:none}.v2-background-picker label{width:42px;padding:0}.v2-mode-dock{justify-content:center;width:calc(100vw - 24px);top:66px}.v2-mode-dock button{flex:1;justify-content:center;padding:0 8px}.v2-mode-dock__full{display:none}.v2-mode-dock__short{display:inline}.v2-play-idle{top:31%}.v2-transport:not(.v2-transport--inline){border-radius:17px;grid-template-columns:40px 1fr;width:calc(100vw - 24px);min-height:52px;padding:6px 10px 6px 6px;top:118px}.v2-transport__play{border-radius:12px;width:40px;height:40px}.v2-transport__shortcut{display:none}.v2-player-tools{right:12px;bottom:calc(20vh + var(--v2-pedal-tray-height) + 18px)}.v2-pedal-tray{justify-content:center;padding:7px 8px}.v2-pedal-tray__pedals{grid-template-columns:repeat(3,54px);gap:12px}.v2-pedal{gap:4px;width:54px}.v2-pedal__shape{width:20px;height:36px}.v2-pedal__copy strong{max-width:54px}.v2-play-stage .pianoKey>div{display:none}.v2-play-page--horizontal .practice-summary{grid-template-columns:minmax(112px,1.45fr) minmax(66px,.8fr) auto auto;width:auto;min-width:0;display:grid;bottom:12px;left:12px;right:12px;transform:none}.v2-play-page--horizontal .practice-summary__item{min-width:0;padding:9px 10px}.v2-play-page--horizontal .practice-summary__item:nth-child(3),.v2-play-page--horizontal .practice-summary__item:nth-child(4){display:none}.v2-play-page--horizontal .practice-toggle,.v2-play-page--horizontal .practice-restart{min-width:0;padding:0 11px}}@media (prefers-reduced-motion:reduce){.v2-play-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}.v2-background-picker,.v2-mode-dock,.v2-piano-config,.v2-wait-toggle,.v2-pedal-tray__legend,.v2-pause-veil,.v2-play-idle{transition-duration:var(--v2-ui-fade-duration), 0s!important}}@keyframes v2-config-menu-in{0%{opacity:0;transform:translateY(5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.play-shell,.play-shell .pimidi-app-shell__content,.play-shell .v2-play-page{height:100dvh;min-height:0;overflow:hidden}.play-shell .v2-play-page--classic{--cream:#fff9ef;--ink:#2f2418;background:linear-gradient(#79562606 1px,#0000 1px) 0 0/100% 6px,radial-gradient(circle at 82% 0,#ffffffd1,#0000 36rem),#f6efdf}.play-shell .v2-play-page--classic.v2-play-page--sheet{overflow:hidden auto}.play-shell .v2-play-page--classic .coverPhoto{background-color:#0000!important;background-image:none!important}.play-shell .v2-play-page--classic .Summer,.play-shell .v2-play-page--classic .Mark{display:none}.play-shell .v2-play-page--classic .v2-play-stage{box-shadow:none}.play-shell .v2-play-page--classic .v2-pause-veil{display:none}.play-shell .v2-play-page--classic .v2-play-idle{color:#6d4b28}.play-shell .v2-play-page--classic .v2-play-idle span{color:#6d4b2894}.play-shell .v2-play-page--classic.has-custom-background .v2-play-idle,.play-shell .v2-play-page--classic.has-custom-background .v2-transport--inline .v2-transport__meta{color:#fff9ef}.play-shell .v2-play-page--classic.has-custom-background .v2-play-idle>span,.play-shell .v2-play-page--classic.has-custom-background .v2-transport--inline .v2-transport__meta span,.play-shell .v2-play-page--classic.has-custom-background .v2-transport--inline .v2-transport__song-picker,.play-shell .v2-play-page--classic.has-custom-background .v2-transport__hint{color:#fff9efad}.play-shell .v2-play-page--classic.has-custom-background .v2-transport--inline .v2-transport__range-wrap{background:#fff9ef2e}.play-shell .v2-play-page--classic.has-custom-background .v2-transport--inline .v2-transport__range-wrap>span{background:#fff9ef}.play-shell .v2-play-page--classic .v2-pedal-tray__legend,.play-shell .v2-play-page--classic .v2-pedal__copy strong{color:#4d341cad}.play-shell .v2-play-page--classic .v2-pedal-tray__legend strong{color:#4d341c}@media (width>=781px){.play-shell .sheet-practice__piano{left:0}}@media (width<=780px){.play-shell .v2-play-page--classic .v2-play-header{top:74px}.play-shell .v2-play-page--classic .v2-mode-dock{top:126px}.play-shell .v2-play-page--classic .v2-transport{width:calc(100vw - 24px);top:178px}}.sheet-page__mark{color:#8f6125;background:radial-gradient(circle, #fffaf0 0 48%, transparent 49%), repeating-conic-gradient(from 0deg, #b8843a33 0 2deg, transparent 2deg 14deg);border:1px solid #b77b263d;border-radius:50%;flex:none;place-items:center;width:82px;height:82px;font:500 2.6rem/1 Playfair Display,serif;display:grid;box-shadow:inset 0 0 0 8px #f8edd7b8}.sheet-page__content{width:min(1260px,100% - 48px);margin:0 auto;padding:38px 0 72px}.sheet-workspace{gap:18px;display:grid}.sheet-controls,.sheet-state-card{background:#fffbf1db;border:1px solid #79582b24;border-radius:14px;box-shadow:0 5px 18px #52341212,inset 0 1px #ffffffb8}.sheet-controls{padding:20px 22px}.sheet-controls__inner{justify-content:space-between;align-items:end;gap:28px;display:flex}.sheet-controls__details>p{color:#8c683b;letter-spacing:.17em;text-transform:uppercase;margin:0 0 10px;font-size:.65rem;font-weight:700}.sheet-controls__details>div{flex-wrap:wrap;gap:7px;display:flex}.sheet-controls__details span{color:#695b49;background:#f3e9d7;border:1px solid #79582b1f;border-radius:999px;padding:6px 9px;font-size:.72rem}.sheet-controls__fields{grid-template-columns:1fr 1fr;gap:14px;min-width:min(390px,100%);display:grid}.sheet-controls__fields label{color:#675844;font-size:.75rem}.sheet-controls__fields label>span{margin-bottom:7px;display:block}.sheet-controls__fields select{color:#3d3022;background:#fffaf0;border:1px solid #79582b38;border-radius:8px;width:100%;padding:9px 11px}.sheet-state-card{min-height:360px;color:var(--pimidi-muted);text-align:center;place-items:center;padding:32px;display:grid}.sheet-state-card--compact{align-content:center;max-width:720px;min-height:360px;margin:0 auto}.sheet-state-card__spinner{border:4px solid #e0d4c0;border-top-color:#a66f27;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite sheet-state-spin}.sheet-state-card__icon{color:#9c6825;font:2.8rem/1 Playfair Display,serif}.sheet-state-card h2{color:var(--pimidi-ink);margin:14px 0 0;font:500 1.8rem Playfair Display,serif}.sheet-state-card p{max-width:540px;margin:10px auto 0;line-height:1.6}.sheet-state-card__action{color:#fff9ed;background:linear-gradient(135deg,#c99440,#9c641d);border-radius:8px;margin-top:22px;padding:11px 17px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.sheet-workspace__warning{color:#765121;background:#f0c77e2e;border:1px solid #b4772152;border-radius:9px;padding:12px 15px;font-size:.78rem}.sheet-workspace__note{color:#8c7b65;text-align:center;margin:0;padding:0 0 8px;font-size:.72rem}.sheet-page .sheet-music-paper{border:1px solid #79582b24;box-shadow:0 12px 34px #5234121f}@keyframes sheet-state-spin{to{transform:rotate(360deg)}}@media (width<=850px){.sheet-controls__inner{flex-direction:column;align-items:stretch}.sheet-controls__fields{min-width:0}}@media (width<=600px){.sheet-page__mark{display:none}.sheet-page__content{width:min(100% - 24px,1260px);padding-top:24px}.sheet-controls__fields{grid-template-columns:1fr}}.Playing_main{z-index:200;box-sizing:border-box;-webkit-backdrop-filter:blur(17.5px);background:#000000b3;border:1px solid #ffffff1a;border-radius:25px;flex-direction:column;justify-content:space-between;align-items:center;gap:0;width:80px;height:400px;padding:20px 15px;transition:all .25s;display:flex;position:fixed;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 3px 6px #0000004d}.Playing_main .icons{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin:0;padding:0;display:flex}.Playing_main .icons i{color:#fff;border-radius:50%;margin:0;padding:8px;font-size:28px;transition:all .2s}.Playing_main .icons i:hover{text-shadow:0 0 8px #aa28d1;cursor:pointer;background-color:#ffffff1a;transform:scale(1.1)}.Playing_main .icons .IconGoBack{cursor:pointer;border-radius:50%;width:28px;height:28px;margin:0;padding:8px;transition:all .2s}.Playing_main .icons .IconGoBack:hover{background-color:#ffffff1a;transform:scale(1.1)}.Playing_main .Timer{text-align:center;color:#fff;opacity:.9;writing-mode:horizontal-tb;white-space:nowrap;margin:0;font-family:Quicksand,sans-serif;font-size:12px;font-weight:600;line-height:1.2;display:block;transform:rotate(0)}.Playing_main .Duration{cursor:pointer;background-color:#0000004d;border:1px solid #fff3;border-radius:3px;flex-grow:1;width:6px;height:200px;margin:20px 0;position:relative}.Playing_main .Duration .Bar{opacity:.9;background:linear-gradient(#8f0b88,#421497);border-radius:2px;width:100%;transition:all .1s linear;position:absolute;bottom:0}@media only screen and (width<=900px){.Playing_main{width:70px;height:350px;padding:15px 10px;left:10px}.Playing_main .icons{gap:12px}.Playing_main .icons i{padding:6px;font-size:24px}.Playing_main .icons .IconGoBack{width:24px;height:24px;padding:6px}.Playing_main .Timer{font-size:11px}.Playing_main .Duration{width:5px;height:180px;margin:15px 0}}.Playing_main--horizontal{width:clamp(280px,34vw,440px);height:52px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:row;justify-content:center;gap:10px;padding:5px 8px;top:18px;left:50%;transform:translate(-50%)}.Playing_main--horizontal .icons{flex-direction:row;gap:0}.Playing_main--horizontal .icons i{color:#4c3822;padding:4px;font-size:30px}.Playing_main--horizontal .Timer{color:#5e4b37;min-width:52px;font-size:12px}.Playing_main--horizontal .Duration{background:#fffbf1cc;border-color:#5c45293d;flex:1;width:auto;min-width:140px;height:7px;margin:0}.Playing_main--horizontal .Duration .Bar{background:linear-gradient(90deg,#b77b26,#d3a34f);bottom:0;left:0;right:auto}@media (width<=780px){.Playing_main--horizontal{width:min(420px,100vw - 24px);top:72px}}.timeline-canvas{cursor:crosshair;background:linear-gradient(#1a1a1a 0%,#2a2a2a 100%);border:1px solid #4a5568;border-radius:6px;transition:border-color .2s}.timeline-canvas:hover{border-color:#718096}.timeline-canvas.dragging{cursor:grabbing;border-color:gold}.selection-info{background:linear-gradient(135deg,#2d3748 0%,#4a5568 100%);border:1px solid #718096;border-radius:6px;animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fine-tune-button{color:#e2e8f0;background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%);border:1px solid #718096;border-radius:4px;min-width:35px;padding:4px 8px;font-size:11px;transition:all .2s}.fine-tune-button:hover{background:linear-gradient(135deg,#718096 0%,#4a5568 100%);border-color:#a0aec0;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.practice-control-button{background:linear-gradient(135deg, var(--bg-start) 0%, var(--bg-end) 100%);border:1px solid var(--border-color);color:#fff;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #0000001a}.practice-control-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.practice-control-button.loop-active{--bg-start:#e53e3e;--bg-end:#c53030;--border-color:#fc8181;animation:2s infinite pulse}.practice-control-button.loop-inactive{--bg-start:#38a169;--bg-end:#2f855a;--border-color:#68d391}.practice-control-button.navigation{--bg-start:#3182ce;--bg-end:#2c5282;--border-color:#63b3ed}.practice-control-button.save{--bg-start:#805ad5;--bg-end:#553c9a;--border-color:#b794f6}@keyframes pulse{50%{opacity:.5}}.saved-section-card{background:linear-gradient(135deg,#2d3748 0%,#4a5568 100%);border:1px solid #718096;border-radius:8px;transition:all .2s}.saved-section-card:hover{background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%);border-color:#a0aec0;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.practice-shell,.practice-shell .pimidi-app-shell__content{min-height:100dvh}.practice-page{min-height:100dvh;overflow-x:hidden}.practice-page .coverPhoto{background-color:#0000!important}.practice-page .Summer{display:none}.practice-page__wordmark{color:#6d4b28}.practice-page--lesson,.practice-page--lesson>.practice-page__lesson-stage{height:100dvh;min-height:0;overflow:hidden}.practice-config{z-index:1000;color:#fff9ef;position:fixed;bottom:calc(20vh + 48px);right:clamp(22px,4vw,68px)}.practice-wait-toggle{z-index:990;color:#fff9efad;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02120ec7;border:1px solid #fff9ef26;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:0 15px;font-size:.68rem;font-weight:800;display:flex;position:fixed;bottom:calc(20vh + 102px);right:clamp(22px,4vw,68px);box-shadow:0 12px 32px #00000029}.practice-wait-toggle>span{background:#fff9ef33;border-radius:99px;width:28px;height:16px;position:relative}.practice-wait-toggle>span:after{content:"";background:#fff9ef;border-radius:50%;width:10px;height:10px;transition:transform .16s;position:absolute;top:3px;left:3px}.practice-wait-toggle.is-active{color:#fff9ef;border-color:#008f7aa6}.practice-wait-toggle.is-active>span{background:#008f7a}.practice-wait-toggle.is-active>span:after{transform:translate(12px)}.practice-config__button{color:#fff9efb3;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02120ec7;border:1px solid #fff9ef26;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.68rem;font-weight:800;transition:all .16s;display:flex;box-shadow:0 12px 32px #0000002e}.practice-config__button:hover,.practice-config__button.is-open{color:#fff9ef;background:#04201af0;border-color:#fff9ef47}.practice-config__button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:17px;height:17px}.practice-config__button>span{background:#fff9ef42;border-radius:50%;width:7px;height:7px;margin-left:2px;box-shadow:0 0 0 3px #fff9ef0f}.practice-config__button>span.is-connected,.practice-config__status.is-connected>span{background:#56dbc6;box-shadow:0 0 0 4px #56dbc61f}.practice-config__menu{color:#fff9ef;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#021611f5;border:1px solid #fff9ef29;border-radius:20px;width:min(310px,100vw - 24px);padding:16px;animation:.16s both practice-config-menu-in;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 24px 64px #0000006b}.practice-config__heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.practice-config__heading>div,.practice-config__status div,.practice-config__toggle>span{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.practice-config__heading span{color:#fff9ef6b;letter-spacing:.13em;text-transform:uppercase;font-size:.57rem;font-weight:850}.practice-config__heading strong{letter-spacing:-.025em;font:500 1.25rem/1.25 Playfair Display,Georgia,serif}.practice-config__heading button{color:#fff9ef8a;cursor:pointer;background:#fff9ef14;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:1rem;display:grid}.practice-config__status{background:#fff9ef0b;border:1px solid #fff9ef14;border-radius:13px;grid-template-columns:10px 1fr;align-items:center;gap:10px;margin:15px 0 10px;padding:12px;display:grid}.practice-config__status>span{background:#fff9ef4d;border-radius:50%;width:9px;height:9px}.practice-config__status strong,.practice-config__toggle strong{font-size:.69rem}.practice-config__status small,.practice-config__toggle small{color:#fff9ef7a;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:.6rem;line-height:1.35;overflow:hidden}.practice-config__toggle small{white-space:normal}.practice-config__toggle{color:#fff9ef;cursor:pointer;text-align:left;background:#fff9ef0b;border:1px solid #fff9ef14;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:14px;width:100%;padding:12px;display:grid}.practice-config__toggle>i{background:#fff9ef33;border-radius:99px;width:34px;height:19px;transition:background .16s;position:relative}.practice-config__toggle>i:after{content:"";background:#fff9ef;border-radius:50%;width:13px;height:13px;transition:transform .16s;position:absolute;top:3px;left:3px}.practice-config__toggle.is-active{background:#008f7a24;border-color:#56dbc657}.practice-config__toggle.is-active>i{background:#008f7a}.practice-config__toggle.is-active>i:after{transform:translate(15px)}@keyframes practice-config-menu-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=620px){.practice-config{bottom:calc(20vh + 28px);right:14px}.practice-wait-toggle{bottom:calc(20vh + 80px);right:14px}}.recording-notation{--recording-accent:#b77825;background:#fffbf1e6;border:1px solid #79582b2e;border-radius:18px;min-width:0;max-width:100%;margin-bottom:24px;overflow:hidden;box-shadow:0 10px 32px #52341214,inset 0 1px #ffffffc7}.recording-notation--compact,.recording-notation--studio{box-shadow:none;background:#fffefb;border:0;border-radius:0;margin:0}.recording-notation--studio .recording-lane{background:#fffefb;border:0;height:210px}.recording-notation--studio .recording-lane__staff,.recording-notation--studio .recording-lane__note-group,.recording-notation--studio .recording-lane__notation{height:210px}.recording-notation--studio .recording-lane:not(.recording-lane--review):before{background:linear-gradient(90deg,#fffefb,#fffefb00)}.recording-notation--studio .recording-lane:not(.recording-lane--review):after{background:linear-gradient(270deg,#fffefb,#fffefb00)}.recording-notation--compact .recording-lane{background:#fffefb;border:0;height:154px}.recording-notation--compact .recording-lane:not(.recording-lane--review):before{background:linear-gradient(90deg,#fffefb,#fffefb00)}.recording-notation--compact .recording-lane:not(.recording-lane--review):after{background:linear-gradient(270deg,#fffefb,#fffefb00)}.recording-notation--compact .recording-lane__empty{width:58%;left:50%}.recording-notation--compact .recording-lane__empty small{display:none}.recording-notation--compact .recording-lane__staff,.recording-notation--compact .recording-lane__note-group,.recording-notation--compact .recording-lane__notation{height:154px}.recording-lane__gutter{z-index:4;color:#073b2e;pointer-events:none;background:linear-gradient(90deg,#fffefbcc,#fffefb 18%);justify-content:center;align-items:center;padding:28px 12px 10px 18px;display:flex;position:absolute;top:0;bottom:0;right:0}.recording-notation__header{justify-content:space-between;align-items:center;gap:24px;padding:18px 22px 14px;display:flex}.recording-notation__eyebrow{color:#9a651f;letter-spacing:.16em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.recording-notation h2{color:#2f2418;margin:0;font-family:Playfair Display,Baskerville,serif;font-size:clamp(22px,2.4vw,30px);font-weight:500;line-height:1}.recording-notation__status{background:#f5ead8;border:1px solid #79582b24;border-radius:12px;grid-template-columns:auto auto;align-items:center;column-gap:8px;min-width:180px;padding:8px 12px;display:grid}.recording-notation__status i{background:#9b8e7d;border-radius:50%;width:8px;height:8px}.recording-notation__status.is-active i{background:#bd4c3e;animation:1.4s ease-in-out infinite recording-status-pulse;box-shadow:0 0 0 5px #bd4c3e1f}.recording-notation__status span{color:#786a58;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.recording-notation__status strong{color:#493721;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;margin-top:3px;font-size:15px;overflow:hidden}.recording-lane{background:linear-gradient(90deg,#efe2cca3,#0000 12% 90%,#efe2cc80),#fffdf8;border-top:1px solid #79582b21;border-bottom:1px solid #79582b21;width:100%;min-width:0;max-width:100%;height:282px;position:relative;overflow:hidden}.recording-lane__canvas{width:100%;min-width:100%;height:100%;position:relative}.recording-lane--review{overscroll-behavior-x:contain;scrollbar-color:#b77825 #eadbc4;scrollbar-width:thin;overflow:auto hidden}.recording-lane--review::-webkit-scrollbar{height:12px}.recording-lane--review::-webkit-scrollbar-track{background:#eadbc4}.recording-lane--review::-webkit-scrollbar-thumb{background:#b77825;border:3px solid #eadbc4;border-radius:999px}.recording-lane:not(.recording-lane--review):before,.recording-lane:not(.recording-lane--review):after{z-index:4;content:"";pointer-events:none;width:8%;position:absolute;top:0;bottom:0}.recording-lane:not(.recording-lane--review):before{background:linear-gradient(90deg,#fffdf8,#fffdf800);left:0}.recording-lane:not(.recording-lane--review):after{background:linear-gradient(270deg,#fffdf8,#fffdf800);right:0}.recording-lane__staff{z-index:1;height:252px;position:absolute;top:50%;left:0;right:8px;transform:translateY(-50%)}.recording-lane__staff svg,.recording-lane__notation svg{display:block;overflow:visible}.recording-lane__trail{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#b778251a,#0000);width:70px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.recording-lane__play-line{z-index:5;background:var(--recording-accent);pointer-events:none;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 16px #b7782573}.recording-lane__end-line{z-index:5;pointer-events:none;border-left:2px dashed #7652276b;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.recording-lane__end-line span{color:#72512d;letter-spacing:.14em;background:#ede0cd;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;position:absolute;top:10px;left:50%;transform:translate(-50%)}.recording-lane__play-line span{color:#ffe4bd;letter-spacing:.14em;background:#49331c;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;position:absolute;top:10px;left:50%;transform:translate(-50%)}.recording-lane__note-group{z-index:3;will-change:left;width:104px;height:252px;transition:left 80ms linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.recording-lane__note-group--flowing{animation:recording-note-flow var(--recording-flow-duration,4s) linear forwards;transition:none}.recording-lane__notation{width:104px;height:252px}.recording-lane__empty{z-index:3;color:#756550;text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:42%;transform:translate(-50%,-50%)}.recording-lane__empty span{color:#b77825;font-family:Georgia,serif;font-size:28px}.recording-lane__empty strong{color:#4c3a27;font-size:14px}.recording-lane__empty small{margin-top:4px;font-size:11px}.recording-notation__guide{color:#7b6b58;flex-wrap:wrap;gap:10px 24px;padding:10px 22px 12px;font-size:11px;display:flex}.recording-notation__guide span:last-child{margin-left:auto}@keyframes recording-status-pulse{50%{opacity:.55;transform:scale(.85)}}@keyframes recording-note-flow{0%{left:var(--recording-flow-start,82%)}to{left:-52px}}@media (width<=700px){.recording-notation__header{flex-direction:column;align-items:stretch;gap:12px}.recording-notation__status{width:100%}.recording-lane{height:264px}.recording-lane__empty{width:56%;left:40%}.recording-notation__guide span:last-child{width:100%;margin-left:0}}.record-shell{--record-piano-height:20vh;--record-keyboard-height:calc(var(--record-piano-height) + 22px);height:100dvh;min-height:0;overflow:hidden}.record-shell .pimidi-app-shell__content{height:100dvh;min-height:0;overflow:hidden}.record-page{grid-template-rows:auto minmax(0, 1fr) var(--record-keyboard-height);width:100%;min-width:0;height:100dvh;min-height:0;display:grid;overflow:hidden}.record-page__header{text-align:center;background:0 0;border:0;width:min(1120px,100% - 48px);min-height:0;margin:0 auto;padding:20px 24px 10px;display:block}.record-page__hero{max-width:760px;margin:0 auto}.record-page__header h1{letter-spacing:-.04em;text-align:center;margin:4px auto 0;font-family:Baskerville,Palatino Linotype,Book Antiqua,serif;font-size:clamp(2rem,4vw,3.45rem);font-weight:500;line-height:.98}.record-page__header p{max-width:620px;margin:7px auto 0;font-size:.86rem;line-height:1.45}.record-page__content{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:min(1260px,100% - 48px);min-width:0;max-width:calc(100% - 48px);height:100%;margin:0 auto;padding:4px 0 8px;display:grid;overflow:hidden}.record-page__content>*{min-width:0}.record-page__status-bar{background:#fffbf18f;border:1px solid #79582b1f;border-radius:999px;align-items:center;width:fit-content;max-width:100%;margin:0 auto;display:flex;box-shadow:inset 0 1px #ffffffb8}.record-page__status-item{color:#766754;align-items:center;gap:8px;min-width:0;padding:6px 16px;display:flex}.record-page__status-item+.record-page__status-item{border-left:1px solid #79582b1f}.record-page__status-item>div:first-child{width:7px!important;height:7px!important;margin-right:0!important}.record-page__status-item>div:last-child{align-items:baseline;gap:6px;min-width:0;display:flex}.record-page__status-item .font-bold{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.66rem;color:#3d3022!important}.record-page__status-item .text-xs{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.record-page__score{justify-content:center;align-items:center;width:min(1120px,100%);min-width:0;max-width:100%;min-height:0;margin:0 auto;display:flex;overflow:hidden}.record-page__score .recording-notation{border-radius:18px;width:100%;min-width:0;max-width:100%;margin:0;box-shadow:0 18px 48px #5234121a,inset 0 1px #ffffffc7}.record-page__score .recording-lane{width:100%;min-width:0;max-width:100%}.record-page__score .recording-lane--review{overscroll-behavior-inline:contain;scrollbar-gutter:stable;overflow-x:auto}.record-page__dock{background:#fffbf1b8;border:1px solid #79582b26;border-radius:16px;grid-template-columns:minmax(220px,1fr) minmax(310px,auto) minmax(220px,1fr);align-items:center;gap:18px;min-height:104px;padding:10px 14px;display:grid;box-shadow:0 8px 26px #52341212,inset 0 1px #ffffffd1}.record-page__dock-label{color:#8b6841;letter-spacing:.13em;text-transform:uppercase;font-size:.62rem;font-weight:800}.record-page__pedals{min-width:0}.record-page__pedal-row{align-items:center;gap:7px;margin-top:7px;display:flex}.record-page__pedal-row span{color:#978a77;background:#e7dece;border:1px solid #79582b1f;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:700;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}.record-page__pedal-row span.is-active{color:#fff;background:#3d9a6b;border-color:#28805752;box-shadow:0 4px 12px #28805733}.record-page__transport{flex-direction:column;justify-content:center;justify-self:center;align-items:center;min-width:310px;min-height:82px;display:flex}.record-page__transport-buttons{grid-template-columns:repeat(2,116px);gap:8px;display:grid;position:relative}.record-page__transport-button{color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:.76rem;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s,opacity .18s;display:inline-flex}.record-page__transport-button:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-1px)}.record-page__transport-button:focus-visible,.record-page__clear-button:focus-visible,.record-page__take-picker button:focus-visible,.record-page__take-picker select:focus-visible,.record-page__takes input:focus-visible,.record-page__piano-toggle input:focus-visible+.record-page__piano-toggle-track{outline-offset:2px;outline:3px solid #b778254d}.record-page__transport-button:disabled{cursor:not-allowed;opacity:.38}.record-page__transport-button svg{fill:currentColor;width:15px;height:15px}.record-page__transport-button--record{background:#bb4038;box-shadow:0 6px 14px #bb403833}.record-page__transport-button--record.is-active{background:#cf7c20;box-shadow:0 0 0 5px #cf7c201a}.record-page__transport-button--play{background:#356e52;box-shadow:0 6px 14px #356e5230}.record-page__clear-button{color:#8c7a65;white-space:nowrap;background:0 0;border:0;padding:4px 2px;font-size:.68rem;font-weight:700;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.record-page__clear-button:hover{color:#a23f36}.record-page__transport-meta{color:#7a6a56;text-align:center;min-height:16px;margin-top:5px;font-size:.65rem}.record-page__piano-toggle{color:#675745;cursor:pointer;align-items:center;gap:7px;margin-top:3px;font-size:.66rem;font-weight:700;display:inline-flex}.record-page__piano-toggle input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.record-page__piano-toggle-track{background:#d6cbbb;border-radius:999px;width:30px;height:17px;transition:background-color .18s;position:relative}.record-page__piano-toggle-track>span{background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #3f2b1438}.record-page__piano-toggle input:checked+.record-page__piano-toggle-track{background:#9b6425}.record-page__piano-toggle input:checked+.record-page__piano-toggle-track>span{transform:translate(13px)}.record-page__piano-toggle:has(input:disabled){cursor:not-allowed;opacity:.55}.record-page__takes{justify-self:end;width:min(250px,100%);min-width:0}.record-page__takes-heading{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.record-page__takes-heading>span:last-child:not(:first-child){color:#7b6549;background:#ede1cf;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.62rem;font-weight:800;display:inline-flex}.record-page__takes p{color:#8a7b67;margin:7px 0 0;font-size:.7rem}.record-page__take-picker{grid-template-columns:minmax(0,1fr) 30px;gap:5px;display:grid}.record-page__take-picker select,.record-page__takes input{color:#493a28;background:#fffdf7c7;border:1px solid #79582b29;border-radius:8px;width:100%;min-width:0;font-size:.68rem}.record-page__take-picker select{height:28px;padding:0 24px 0 8px}.record-page__takes input{height:25px;margin-top:4px;padding:0 8px}.record-page__take-picker button{color:#a64134;background:#a641340f;border:1px solid #a641341f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:28px;display:inline-flex}.record-page__take-picker button:hover{background:#a641341f}.record-page__take-picker svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.record-page__keyboard{z-index:35;height:var(--record-keyboard-height);min-height:var(--record-keyboard-height);background:#080808;border-top:22px solid #2a170d;width:100vw;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@media (width<=600px){.record-page__content{width:min(100% - 24px,1260px);max-width:calc(100% - 24px)}.record-page__status-item{padding-inline:8px}.record-page__status-item>div:last-child,.record-page__status-item .text-xs{display:block}}@media (width<=920px){.record-page__dock{grid-template-columns:minmax(170px,1fr) minmax(280px,auto) minmax(170px,1fr);gap:10px}.record-page__transport{min-width:280px}.record-page__transport-buttons{grid-template-columns:repeat(2,104px)}.record-page__pedal-row{gap:4px}.record-page__pedal-row span{padding-inline:7px;font-size:.6rem}}@media (height<=820px) and (width>=1024px){.record-page__header{padding-top:12px;padding-bottom:6px}.record-page__header p{display:none}.record-page__content{gap:8px;padding-top:4px;padding-bottom:6px}.record-page__status-item{padding-block:4px}.record-page__score .recording-notation__header{padding-block:12px 10px}.record-page__score .recording-lane{height:236px}.record-page__score .recording-notation__guide{padding-block:7px 8px}.record-page__dock{min-height:94px;padding-block:7px}}@media (height<=700px) and (width>=1024px){.record-page__score .recording-notation__header{padding-block:8px}.record-page__score .recording-lane{height:205px}.record-page__score .recording-notation__guide{display:none}.record-page__dock{min-height:86px;padding-block:4px}}.demo-library__content{width:min(1220px,100% - 48px);margin:0 auto;padding:44px 0 64px}.demo-library__heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:25px;display:flex}.demo-library__heading h2{color:var(--pimidi-ink);margin:5px 0 0;font:500 clamp(1.9rem,3vw,2.65rem)/1.05 Playfair Display,serif}.demo-library__heading p{max-width:390px;color:var(--pimidi-muted);margin:0 0 4px;font-size:.85rem;line-height:1.55}.demo-piece-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.demo-piece-card{background:#fffbf1d6;border:1px solid #79582b24;border-radius:14px;grid-template-rows:178px 1fr;min-width:0;transition:all .18s;display:grid;overflow:hidden;box-shadow:0 5px 18px #52341212,inset 0 1px #ffffffb8}.demo-piece-card:hover{border-color:#b77b264d;transform:translateY(-2px);box-shadow:0 12px 30px #5234121f}.demo-piece-card.is-selected{border-color:#b77b268c;box-shadow:0 12px 30px #5234121f,inset 0 0 0 1px #b77b2633}.demo-piece-card--featured{grid-column:span 2;grid-template-rows:minmax(320px,auto);grid-template-columns:minmax(210px,.72fr) 1.28fr}.demo-piece-card__cover{color:#f8ead0;background:linear-gradient(145deg,#ffffff17,#0000 38%),linear-gradient(135deg,#4f2f1f,#20140e);place-items:center;padding:20px;display:grid;position:relative;overflow:hidden}.demo-piece-card__cover:after{content:"";opacity:.12;border:1px solid;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-60px;right:-45px}.demo-piece-card--tone-2 .demo-piece-card__cover{color:#e7f3e9;background:linear-gradient(145deg,#ffffff14,#0000 38%),linear-gradient(135deg,#31523b,#122219)}.demo-piece-card--tone-3 .demo-piece-card__cover{color:#f8edcf;background:linear-gradient(145deg,#ffffff1a,#0000 38%),linear-gradient(135deg,#715526,#2c1e0c)}.demo-piece-card--tone-4 .demo-piece-card__cover{color:#edf1f4;background:linear-gradient(145deg,#ffffff14,#0000 38%),linear-gradient(135deg,#3e4e5a,#172029)}.demo-piece-card__number{letter-spacing:.14em;opacity:.62;font-size:.62rem;font-weight:700;position:absolute;top:16px;left:18px}.demo-piece-card__mark{text-shadow:3px 5px #00000029;font:500 4rem/1 Playfair Display,serif}.demo-piece-card__imprint{letter-spacing:.16em;text-transform:uppercase;opacity:.66;font-size:.58rem;font-weight:700;position:absolute;bottom:16px;left:18px}.demo-piece-card__copy{flex-direction:column;min-width:0;padding:22px;display:flex}.demo-piece-card__meta{color:#8c683b;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;min-height:22px;margin-bottom:12px;font-size:.61rem;font-weight:700;display:flex}.demo-piece-card__meta>span:first-child{background:#fbf1df;border:1px solid #b77b2633;border-radius:999px;padding:4px 7px}.demo-piece-card__selected{color:#386044}.demo-piece-card h3{color:var(--pimidi-ink);margin:0;font:500 1.55rem/1.1 Playfair Display,serif}.demo-piece-card__composer{color:#8d6b42;margin:7px 0 0;font-size:.76rem;font-weight:600}.demo-piece-card__description{color:var(--pimidi-muted);margin:13px 0 20px;font-size:.8rem;line-height:1.55}.demo-piece-card__rights{color:#8a765d;letter-spacing:.03em;align-items:center;gap:8px;margin:-7px 0 17px;font-size:.62rem;font-weight:650;display:flex}.demo-piece-card__rights>:first-child:after{content:"·";opacity:.45;margin-left:8px}.demo-piece-card__rights a{color:#88612e;text-underline-offset:2px;align-items:center;gap:3px;text-decoration-color:#88612e4d;display:inline-flex}.demo-piece-card__rights a:hover{color:#5f3c12;text-decoration-color:currentColor}.demo-piece-card__copy button{color:#805723;cursor:pointer;background:#fffaf0;border:1px solid #ab752d47;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:10px 13px;font-size:.73rem;font-weight:700;display:flex}.demo-piece-card__copy button:hover{color:#fff9ed;background:linear-gradient(135deg,#c99440,#9c641d)}.demo-library__note{color:#7a674e;text-align:center;background:#fffbf173;border:1px solid #8b622d1c;border-radius:14px;justify-content:center;align-items:center;gap:16px;max-width:1220px;min-height:78px;margin-top:18px;padding:18px 24px;display:flex}.demo-library__note>span{color:#a56f29;font:1.8rem Playfair Display,serif}.demo-library__note p{max-width:680px;margin:0;font:italic .85rem/1.5 Playfair Display,serif}@media (width<=1050px){.demo-piece-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-piece-card--featured{grid-column:span 2}}@media (width<=680px){.demo-library__content{width:min(100% - 28px,1220px);padding-top:30px}.demo-library__heading{display:block}.demo-library__heading p{margin-top:12px}.demo-piece-grid{grid-template-columns:1fr}.demo-piece-card--featured{grid-column:auto;grid-template-rows:190px 1fr;grid-template-columns:1fr}.demo-piece-card{grid-template-rows:190px 1fr}}.lessons-shell{--lesson-bg:#090b0a;--lesson-panel:#111412;--lesson-border:#ffffff1a;--lesson-muted:#a4aaa6;--lesson-accent:#9be3b1;color:#f8faf8;background:linear-gradient(#ffffff06 1px, transparent 1px) 0 0 / 100% 7px, radial-gradient(circle at 12% 10%, #416e4c24, transparent 31rem), radial-gradient(circle at 88% 32%, #a17f4314, transparent 28rem), var(--lesson-bg);min-height:100vh;overflow-x:hidden}.lessons-shell main{width:min(1180px,100% - 40px);margin:0 auto;padding:112px 0 96px}.lessons-shell h1,.lessons-shell h2,.lessons-shell h3,.lessons-shell p{margin-top:0}.lessons-shell h1,.lessons-shell h2,.lessons-shell h3{color:#f9fbf9}.lessons-hero{text-align:center;max-width:780px;margin:0 auto 52px}.lessons-hero__eyebrow,.lessons-section-heading>div>span,.practice-library summary>div>span{color:var(--lesson-accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:800;display:inline-block}.lessons-hero h1{letter-spacing:-.045em;text-align:center;max-width:740px;margin:0 auto 18px;font-family:Baskerville,Palatino Linotype,Book Antiqua,serif;font-size:clamp(2.7rem,6vw,5.1rem);font-weight:500;line-height:.98}.lessons-hero p{color:#bcc1bd;max-width:650px;margin:0 auto;font-size:1.05rem;line-height:1.75}.continue-book{background:linear-gradient(115deg,#1d3d26d1,#121714f5 58%);border:1px solid #9be3b13d;border-radius:20px;grid-template-columns:auto minmax(280px,1.5fr) minmax(180px,.7fr) auto;align-items:center;gap:26px;margin-bottom:88px;padding:26px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000004d}.continue-book:after{content:"";border:1px solid #ffffff0d;border-radius:50%;width:220px;height:220px;position:absolute;right:27%}.continue-book__notation{color:#d9f9e1;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:58px;height:58px;font-family:serif;font-size:2rem;display:grid}.continue-book__copy,.continue-book__progress,.continue-book__actions{z-index:1;position:relative}.continue-book__copy>span{color:#9be3b1;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800}.continue-book__copy h2{margin:5px 0 4px;font-family:Baskerville,Palatino Linotype,serif;font-size:1.7rem;font-weight:500}.continue-book__copy p,.continue-book__progress span{color:#b5bdb7;margin:0;font-size:.87rem}.continue-book__progress{gap:4px;display:grid}.continue-book__progress strong{font-family:Baskerville,Palatino Linotype,serif;font-size:1.9rem;font-weight:500}.continue-book__actions{gap:9px;display:grid}.lessons-primary-button,.lessons-secondary-button,.book-complete-banner button{border:1px solid #0000;border-radius:9px;min-width:150px;padding:11px 17px;font-size:.82rem;font-weight:800;transition:all .16s}.lessons-primary-button{color:#071009;background:#ecfff1}.lessons-primary-button:hover:not(:disabled){background:#c9f4d4;transform:translateY(-1px)}.lessons-error{color:#fecaca;text-align:center;margin:-60px 0 60px}.bookshelf,.book-chapters{margin-bottom:92px}.lessons-section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px;display:flex}.lessons-section-heading h2{margin:0;font-family:Baskerville,Palatino Linotype,serif;font-size:clamp(2rem,4vw,3rem);font-weight:500}.lessons-section-heading p{max-width:410px;color:var(--lesson-muted);margin-bottom:4px;line-height:1.65}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.learning-book-card{border:1px solid var(--lesson-border);background:#101311eb;border-radius:18px;flex-direction:column;min-width:0;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 18px 50px #00000038}.learning-book-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 28px 70px #0000005c}.book-cover{color:#f7fff9;text-align:left;background:linear-gradient(145deg,#ffffff17,#0000 35%),linear-gradient(135deg,#254d33,#102219);border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:235px;padding:32px 28px 25px 42px;display:flex;position:relative;overflow:hidden}.learning-book-card--amber .book-cover,.book-cover.learning-book-card--amber{color:#fff9e9;background:linear-gradient(145deg,#ffffff1a,#0000 35%),linear-gradient(135deg,#6b5327,#251c0d)}.learning-book-card--ivory .book-cover,.book-cover.learning-book-card--ivory{color:#26231d;background:linear-gradient(145deg,#ffffff73,#0000 38%),linear-gradient(135deg,#eee5d2,#aaa18e)}.book-cover:after{content:"";opacity:.12;border:1px solid;border-radius:50%;width:180px;height:180px;position:absolute;top:-46px;right:-40px}.book-cover__spine{opacity:.2;background:currentColor;width:1px;position:absolute;top:0;bottom:0;left:13px;box-shadow:4px 0 12px #00000038}.book-cover__mark{opacity:.9;font-family:serif;font-size:2.6rem;position:absolute;top:27px;left:39px}.book-cover__label{letter-spacing:.2em;text-transform:uppercase;opacity:.68;margin-bottom:10px;font-size:.59rem;font-weight:800}.book-cover strong{max-width:260px;margin-bottom:11px;font-family:Baskerville,Palatino Linotype,serif;font-size:1.9rem;font-weight:500;line-height:1.05}.book-cover>span:last-child{letter-spacing:.13em;text-transform:uppercase;opacity:.72;font-size:.72rem}.book-card-copy{flex-direction:column;flex:1;padding:24px;display:flex}.book-card-meta{color:#8f9691;text-transform:uppercase;align-items:center;gap:8px;min-height:23px;margin-bottom:12px;font-size:.69rem;font-weight:700;display:flex}.book-card-meta span+span:before{content:"·";opacity:.5;margin-right:8px}.book-card-meta .book-recommended,.book-card-meta .book-preview-chip{color:#bdf2cb;background:#5bb7741f;border-radius:999px;padding:4px 7px}.book-card-meta .book-preview-chip{color:#f7e6b3;background:#caa65e1f}.book-card-copy h3{margin-bottom:5px;font-family:Baskerville,Palatino Linotype,serif;font-size:1.65rem;font-weight:500}.book-card-subtitle{color:#c7ccc8;min-height:44px;margin-bottom:12px;line-height:1.45}.book-card-audience{color:#8f9691;min-height:57px;margin-bottom:22px;font-size:.82rem;line-height:1.55}.book-card-progress{border-top:1px solid var(--lesson-border);margin-top:auto;padding-top:18px}.book-card-progress>div:first-child,.book-overview__progress>div:first-child{color:#b7bdb9;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:.75rem;display:flex}.book-card-progress strong{color:#f7faf8;font-size:.82rem}.book-progress-track{background:#ffffff17;border-radius:999px;height:5px;overflow:hidden}.book-progress-track span{border-radius:inherit;background:#91dda5;height:100%;display:block}.book-card-progress small{color:#777e79;margin-top:8px;font-size:.68rem;display:block}.book-card-action{color:#edf1ee;text-align:left;background:0 0;border:0;justify-content:space-between;margin-top:18px;padding:12px 0 0;font-weight:750;display:flex}.book-card-action:hover{color:var(--lesson-accent)}.practice-library{border:1px solid var(--lesson-border);background:#0d0f0ed9;border-radius:18px}.practice-library summary{cursor:pointer;justify-content:space-between;align-items:center;gap:28px;padding:27px 30px;list-style:none;display:flex}.practice-library summary::-webkit-details-marker{display:none}.practice-library summary h2{margin-bottom:5px;font-family:Baskerville,Palatino Linotype,serif;font-size:1.9rem;font-weight:500}.practice-library summary p{color:var(--lesson-muted);margin:0}.practice-library__toggle{border:1px solid var(--lesson-border);color:#e6eae7;border-radius:9px;flex:none;padding:10px 14px;font-size:.78rem;font-weight:750}.practice-library details[open] .practice-library__toggle{color:#0a0e0b;background:#edf9f0}.practice-library__content{border-top:1px solid var(--lesson-border);padding:0 30px 34px}.lesson-category-tabs{flex-wrap:wrap;gap:8px;padding:24px 0;display:flex}.lesson-category-tabs button{border:1px solid var(--lesson-border);color:#a9afab;background:0 0;border-radius:999px;padding:8px 13px;font-size:.76rem;font-weight:700}.lesson-category-tabs button.active,.lesson-category-tabs button:hover{color:#101511;background:#eef6f0}.lesson-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.book-breadcrumb{color:#737b75;gap:9px;margin-bottom:35px;font-size:.78rem;display:flex}.book-breadcrumb a{color:#bfc5c0;text-decoration:none}.book-breadcrumb a:hover{color:#fff}.book-overview{grid-template-columns:250px minmax(300px,1fr) minmax(260px,.75fr);align-items:center;gap:48px;margin-bottom:76px;display:grid}.book-cover--large{border-radius:4px 14px 14px 4px;min-height:345px;box-shadow:-7px 9px #050605,-10px 11px 22px #0006,18px 28px 55px #00000061}.book-cover--large strong{font-size:2.25rem}.book-overview__chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.book-overview__chips span{border:1px solid var(--lesson-border);color:#b6bdb8;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:.64rem;font-weight:800}.book-overview__copy h1{letter-spacing:-.04em;text-align:left;margin-bottom:8px;font-family:Baskerville,Palatino Linotype,serif;font-size:clamp(2.7rem,5vw,4.6rem);font-weight:500;line-height:.98}.book-overview__subtitle{color:#ced4cf;margin-bottom:20px;font-size:1.05rem}.book-overview__description{color:#a6ada8;margin-bottom:16px;line-height:1.72}.book-overview__audience{border-left:2px solid var(--lesson-accent);color:#d6dbd7;margin-bottom:24px;padding-left:14px;font-size:.82rem;line-height:1.5}.book-overview__progress{border-top:1px solid var(--lesson-border);padding-top:20px}.book-overview__progress strong{color:#f6faf7;font-family:Baskerville,Palatino Linotype,serif;font-size:1.4rem;font-weight:500}.book-overview__progress p{color:#7f8781;margin:8px 0 0;font-size:.74rem}.book-outcomes{border:1px solid var(--lesson-border);background:#ffffff06;border-radius:16px;padding:26px}.book-outcomes>span{color:var(--lesson-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:800}.book-outcomes h2{margin:7px 0 18px;font-family:Baskerville,Palatino Linotype,serif;font-size:1.55rem;font-weight:500}.book-outcomes ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.book-outcomes li{color:#b5bbb7;grid-template-columns:20px 1fr;gap:8px;font-size:.8rem;line-height:1.45;display:grid}.book-outcomes li span{color:var(--lesson-accent)}.book-complete-banner{background:#4181521f;border:1px solid #9be3b140;border-radius:14px;align-items:center;gap:18px;margin:-36px 0 64px;padding:18px 22px;display:flex}.book-complete-banner>span{color:#f6d47f;font-size:1.6rem}.book-complete-banner div{flex:1}.book-complete-banner p{color:#9ba39d;margin:2px 0 0;font-size:.78rem}.book-complete-banner button{color:#0d150f;background:#e7faec}.chapter-list{gap:14px;display:grid;position:relative}.chapter-list:before{content:"";background:#ffffff1f;width:1px;position:absolute;top:42px;bottom:42px;left:26px}.chapter-card{border:1px solid var(--lesson-border);background:#101311e6;border-radius:16px;grid-template-columns:54px 1fr;display:grid;position:relative}.chapter-card--complete{background:#24482e29;border-color:#7ed99738}.chapter-card--locked{opacity:.55}.chapter-card__number{z-index:1;color:#a8b0aa;background:#101311;border:1px solid #4c554f;border-radius:50%;align-self:start;place-items:center;width:30px;height:30px;margin:28px 0 0 11px;font-size:.64rem;font-weight:800;display:grid}.chapter-card__body{min-width:0;padding:25px 26px 26px 10px}.chapter-card__heading{justify-content:space-between;align-items:start;gap:26px;display:flex}.chapter-card__heading>div:first-child>span{color:#7d867f;letter-spacing:.13em;text-transform:uppercase;font-size:.64rem;font-weight:800}.chapter-card__heading h3{margin:5px 0;font-family:Baskerville,Palatino Linotype,serif;font-size:1.45rem;font-weight:500}.chapter-card__heading p{color:#8d958f;margin:0;font-size:.8rem;line-height:1.5}.chapter-card__status{border:1px solid var(--lesson-border);color:#959d97;border-radius:999px;flex:none;padding:6px 9px;font-size:.66rem;font-weight:750}.chapter-lessons,.planned-lesson-list{gap:7px;margin-top:20px;display:grid}.chapter-lesson,.planned-lesson-list>div{background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:59px;padding:8px 9px 8px 12px;display:grid}.chapter-lesson.is-complete{border-color:#7fd79729}.chapter-lesson.is-locked{opacity:.58}.chapter-lesson__state{color:#a9b0ab;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:23px;height:23px;font-size:.62rem;display:grid}.chapter-lesson.is-complete .chapter-lesson__state{color:#a8e9b9;border-color:#85e09e4d}.chapter-lesson__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.chapter-lesson__copy strong,.planned-lesson-list strong{color:#e9edea;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.chapter-lesson__copy span,.planned-lesson-list small{color:#777f79;font-size:.68rem}.chapter-lesson button{color:#e9eeeb;background:#ffffff0d;border:1px solid #ffffff26;border-radius:7px;min-width:104px;padding:9px 12px;font-size:.7rem;font-weight:750}.chapter-lesson button:disabled{cursor:not-allowed;color:#6f7671}.planned-lesson-list>div{grid-template-columns:35px minmax(0,1fr) auto;padding-right:16px}.planned-lesson-list>div>span{color:#777f79;font-size:.68rem;font-weight:800}.book-page__footer-link{text-align:center}.book-page__footer-link a{color:#a8b0aa;font-size:.8rem;text-decoration:none}.book-page__footer-link a:hover{color:#fff}.book-not-found{text-align:center;align-content:center;place-items:center;min-height:70vh;display:grid}.book-not-found>span{margin-bottom:12px;font-size:3rem}.book-not-found h1{margin-bottom:8px;font-family:Baskerville,Palatino Linotype,serif;font-size:2.5rem}.book-not-found p{color:var(--lesson-muted)}@media (width<=1020px){.continue-book{grid-template-columns:auto 1fr auto}.continue-book__progress{display:none}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-book-card:last-child{grid-column:1/-1;grid-template-columns:minmax(250px,.75fr) 1fr;display:grid}.book-overview{grid-template-columns:230px 1fr;gap:36px}.book-outcomes{grid-column:1/-1}.lesson-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.lessons-shell main{width:min(100% - 28px,1180px);padding-top:94px}.lessons-hero{margin-bottom:35px}.continue-book{grid-template-columns:1fr;margin-bottom:65px;padding:24px}.continue-book__notation{display:none}.continue-book__actions{grid-template-columns:1fr 1fr}.lessons-section-heading,.practice-library summary,.chapter-card__heading{flex-direction:column;align-items:start}.book-grid,.learning-book-card:last-child{grid-template-columns:1fr;display:grid}.learning-book-card:last-child{grid-column:auto}.book-overview{grid-template-columns:1fr}.book-cover--large{width:min(280px,86%);margin:0 auto}.book-overview__copy h1{text-align:center}.book-overview__chips{justify-content:center}.lesson-library-grid{grid-template-columns:1fr}.practice-library__content,.practice-library summary{padding-left:20px;padding-right:20px}.chapter-card{grid-template-columns:42px 1fr}.chapter-card__body{padding-right:14px}.chapter-card__number{margin-left:6px}.chapter-list:before{left:21px}.chapter-lesson{grid-template-columns:25px 1fr}.chapter-lesson button{grid-column:2;width:100%}.planned-lesson-list>div{grid-template-columns:28px 1fr}.planned-lesson-list small{grid-column:2}}.lessons-shell{--lesson-bg:#f6efdf;--lesson-panel:#fffbf1;--lesson-border:#79582b29;--lesson-muted:#7a6a56;--lesson-accent:#b77b26;color:#2f2418;background:linear-gradient(#79562606 1px, transparent 1px) 0 0 / 100% 6px, radial-gradient(circle at 82% 0%, #ffffffd1, transparent 36rem), var(--lesson-bg);font-family:DM Sans,sans-serif}.lessons-shell main{padding-top:72px}.lessons-shell h1,.lessons-shell h2,.lessons-shell h3{color:#2f2418;font-family:Playfair Display,Baskerville,serif}.lessons-hero__eyebrow,.lessons-section-heading>div>span,.practice-library summary>div>span{color:var(--lesson-accent)}.lessons-hero h1{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:600}.lessons-hero p,.lessons-section-heading p,.practice-library summary p{color:var(--lesson-muted)}.continue-book{background:radial-gradient(circle at 8% 20%,#ffffffd1,#0000 28%),linear-gradient(115deg,#fffaf0,#f2e6d1 72%,#ead9bb);border-color:#b77b263d;box-shadow:0 22px 55px #5234121f}.continue-book:after{border-color:#79582b14}.continue-book__notation{color:#8b5d25;background:#fffbf19e;border-color:#b77b263d}.continue-book__copy>span{color:#9a6827}.continue-book__copy h2,.continue-book__progress strong{color:#2f2418}.continue-book__copy p,.continue-book__progress span{color:#766752}.lessons-primary-button,.book-complete-banner button{color:#fff9ed;background:linear-gradient(135deg,#c99440,#9c641d);box-shadow:0 5px 14px #824f102e}.lessons-primary-button:hover:not(:disabled),.book-complete-banner button:hover{background:linear-gradient(135deg,#d3a04d,#a66d24)}.lessons-secondary-button{color:#67471f;background:#fffbf18c;border-color:#79582b3d}.lessons-secondary-button:hover{background:#fffbf1d9;border-color:#79582b66}.learning-book-card,.practice-library,.chapter-card{border-color:var(--lesson-border);background:#fffbf1db;box-shadow:0 5px 18px #52341212,inset 0 1px #ffffffb3}.learning-book-card:hover{border-color:#b77b264d;box-shadow:0 14px 34px #5234121f}.book-card-meta,.book-card-audience,.book-card-progress small,.book-overview__description,.book-overview__progress p,.chapter-card__heading p,.chapter-card__heading>div:first-child>span,.chapter-lesson__copy span,.planned-lesson-list small,.planned-lesson-list>div>span,.book-breadcrumb,.book-page__footer-link a{color:#8c7b65}.book-card-subtitle,.book-card-progress>div:first-child,.book-overview__progress>div:first-child,.book-overview__subtitle,.book-overview__audience,.book-outcomes li,.book-breadcrumb a{color:#695b49}.book-card-progress strong,.book-card-action,.book-overview__progress strong,.chapter-lesson__copy strong,.planned-lesson-list strong{color:#2f2418}.book-card-meta .book-recommended{color:#3f6a49;background:#5b8f671f}.book-progress-track{background:#e5dac7}.book-progress-track span{background:#6aa178}.learning-book-card--amber .book-progress-track span{background:#c4933f}.book-card-action:hover,.book-breadcrumb a:hover,.book-page__footer-link a:hover{color:var(--lesson-accent)}.practice-library__toggle,.lesson-category-tabs button{color:#75654f;border-color:var(--lesson-border)}.practice-library details[open] .practice-library__toggle,.lesson-category-tabs button.active,.lesson-category-tabs button:hover{color:#fff9ed;background:#9b681f}.book-overview__chips span,.chapter-card__status{color:#766752;border-color:var(--lesson-border)}.book-overview__audience{border-left-color:var(--lesson-accent)}.book-overview__progress,.book-card-progress,.practice-library__content{border-color:var(--lesson-border)}.book-outcomes{border-color:var(--lesson-border);background:#fffbf1a6;box-shadow:0 5px 18px #5234120f}.book-outcomes>span,.book-outcomes li span{color:var(--lesson-accent)}.book-complete-banner,.chapter-card--complete{background:#6aa1781a;border-color:#6aa17847}.book-complete-banner strong{color:#35513b}.book-complete-banner p{color:#68725f}.chapter-list:before{background:#79582b2e}.chapter-card__number{color:#8b765a;background:#f7efdf;border-color:#c8b89f}.chapter-card--complete .chapter-card__number{color:#fff;background:#6aa178;border-color:#6aa178}.chapter-lesson,.planned-lesson-list>div{background:#ffffff61;border-color:#79582b1a}.chapter-lesson__state{color:#8b765a;border-color:#79582b2e}.chapter-lesson button{color:#765022;background:#fffaf0;border-color:#79582b38}.chapter-lesson button:hover:not(:disabled){color:#fff9ed;background:#9b681f}.chapter-lesson button:disabled{color:#aaa08f;background:#eee8dc}.lesson-library-card{border:1px solid var(--lesson-border);background:#fffbf1e0;border-radius:14px;flex-direction:column;min-width:0;transition:all .18s;display:flex;box-shadow:0 5px 18px #52341212}.lesson-library-card:hover{border-color:#b77b264d;transform:translateY(-2px);box-shadow:0 12px 28px #5234121c}.lesson-library-card__body{flex:1;padding:22px 22px 16px}.lesson-library-card__icon{color:#8e642e;margin-bottom:12px;font-size:1.8rem}.lesson-library-card__heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.lesson-library-card__heading h3{margin:0;font-size:1.25rem;font-weight:500}.lesson-library-card__heading>span{color:#806640;background:#f2e7d4;border-radius:999px;flex:none;padding:4px 7px;font-size:.65rem}.lesson-library-card__description{min-height:58px;color:var(--lesson-muted);margin:10px 0 15px;font-size:.78rem;line-height:1.55}.lesson-library-card__badges{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.lesson-library-card__badge{color:#796950;background:#f2eadc;border:1px solid #79582b29;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:.62rem;font-weight:700;display:inline-flex}.lesson-library-card__badge.is-beginner,.lesson-library-card__badge.is-ready{color:#3e6848;background:#5b8f671a;border-color:#5b8f6738}.lesson-library-card__badge.is-intermediate{color:#8a611d}.lesson-library-card__badge.is-advanced{color:#934b3d;background:#934b3d14;border-color:#934b3d33}.lesson-library-card__objectives{margin-bottom:5px}.lesson-library-card__objectives-toggle{color:#766752;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:.72rem;display:flex}.lesson-library-card__objectives ul{color:#82725e;gap:5px;margin:10px 0 0 18px;padding:0;font-size:.68rem;list-style:none;display:grid}.lesson-library-card__objectives li{gap:7px;display:flex}.lesson-library-card__unavailable{margin-top:12px}.lesson-library-card__footer{padding:0 22px 22px}.lesson-library-card__footer>button{color:#fff9ed;cursor:pointer;background:linear-gradient(135deg,#c99440,#9c641d);border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 13px;font-size:.75rem;font-weight:700;display:flex}.lesson-library-card__footer>button.is-disabled{color:#aaa08f;cursor:not-allowed;background:#e6dfd3}.dashboard-shell{--ink:#2f2418;--muted:#7a6a56;--paper:#f6efdf;--paper-light:#fffbf1;--gold:#b77b26;--gold-light:#dcae61;--line:#79582b2e;color:var(--ink);font-family:DM Sans,sans-serif}.dashboard-shell *{box-sizing:border-box}.dashboard-shell button{font:inherit}.dashboard-icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none}.dashboard-sidebar{color:#ead8b5;z-index:2;background:linear-gradient(100deg,#ffffff09,#0000 24%,#00000026 50%,#0000 77%),repeating-linear-gradient(5deg,#5f331726 0 2px,#0000 2px 9px),radial-gradient(at 20% 0,#4e2c19 0%,#2b170e 46%,#1b0f09 100%);border-right:1px solid #7a4b22;flex-direction:column;height:100vh;min-height:100vh;padding:34px 17px 24px;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:7px 0 25px #20100738}.dashboard-sidebar:after{content:"";pointer-events:none;opacity:.28;background-image:repeating-radial-gradient(at 70% 80%,#0000 0 15px,#eeb1580f 16px 17px,#0000 18px 28px);position:absolute;inset:0}.dashboard-brand{z-index:1;color:#e7bd72;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0 0 31px;display:flex;position:relative}.brand-ornament{opacity:.85;font-size:10px}.brand-name{letter-spacing:.04em;font-family:Playfair Display,serif;font-size:40px;line-height:1}.brand-tagline{opacity:.74;margin-top:9px;font-family:Playfair Display,serif;font-size:11px;font-style:italic}.sidebar-nav{z-index:1;gap:7px;display:grid;position:relative}.sidebar-nav button{color:#f4e2c3c7;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:14px;width:100%;height:49px;padding:0 18px;font-family:Playfair Display,serif;font-size:14px;transition:all .2s;display:flex}.sidebar-nav button:hover{color:#fff3d7;background:#cc97481a}.sidebar-nav button.active{color:#ffe2a4;background:linear-gradient(90deg,#b97e2d45,#b97e2d1f);border-color:#dea85261;box-shadow:inset -2px 0 #d8a44f,0 5px 20px #00000026}.sidebar-quote{z-index:1;color:#eacb93c7;text-align:center;border:1px solid #cd974847;border-radius:12px;margin:auto 4px 0;padding:19px 17px;font-family:Playfair Display,serif;font-size:13px;font-style:italic;line-height:1.6;position:relative}.sidebar-quote cite{letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-top:8px;font-size:10px;font-style:normal;display:block}.dashboard-main{background:var(--paper);min-width:0}.dashboard-header{background:radial-gradient(circle at 30% 10%,#fffc,#0000 34%),linear-gradient(115deg,#fffaf0,#f5ead6);border-bottom:1px solid #89591b59;justify-content:space-between;align-items:center;height:116px;padding:22px clamp(28px,4vw,62px);display:flex}.header-eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.dashboard-header h1{color:var(--ink);text-align:left;margin:3px 0 0;font:600 clamp(25px,2.4vw,36px)/1.1 Playfair Display,serif}.dashboard-header h1 span{color:var(--gold);margin-left:7px}.dashboard-header p{color:var(--muted);margin:6px 0 0;font-family:Playfair Display,serif;font-size:13px}.header-actions{align-items:center;gap:23px;display:flex}.streak-pill{color:var(--muted);border-right:1px solid var(--line);grid-template-columns:auto auto;column-gap:8px;padding-right:23px;display:grid}.streak-flame{color:var(--gold);grid-row:span 2;font-size:27px;line-height:1.2}.streak-pill strong{color:var(--ink);font:600 20px/1 Playfair Display,serif}.streak-pill span:last-child{font:10px/1.2 DM Sans,sans-serif}.primary-button{color:#fff9ed;cursor:pointer;background:linear-gradient(135deg,#c99440,#9c641d);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-family:Playfair Display,serif;font-size:13px;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff52,0 5px 14px #824f1033}.primary-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff52,0 7px 18px #824f1047}.piano-divider{background:linear-gradient(90deg,#0000 0 70%,#56361424 70% 73%,#0000 73%) 0 0/43px 100%,repeating-linear-gradient(90deg,#fffcf4 0 26px,#7c552e 26px 27px,#faf2df 27px 43px);border-top:3px solid #a66e29;border-bottom:3px solid #8a591f;height:48px;position:relative;box-shadow:inset 0 5px 8px #4c2a0b1f,0 4px 10px #4d2b0f21}.piano-divider:before{content:"";filter:drop-shadow(1px 2px 1px #00000059);background:repeating-linear-gradient(90deg,#0000 0 18px,#1b1712 18px 29px,#0000 29px 43px) 0 0/43px 27px repeat-x;position:absolute;inset:0}.piano-plaque{z-index:1;color:#d7a75b;letter-spacing:.05em;text-align:center;background:linear-gradient(#382115,#1d110c);border:2px solid #9c682c;border-radius:8px 8px 22px 22px;min-width:136px;padding:5px 24px 6px;font:500 15px/1 Playfair Display,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 5px #0006}.dashboard-content{background:linear-gradient(#79562605 1px,#0000 1px) 0 0/100% 6px,radial-gradient(circle at 75% 0,#ffffffbf,#0000 38%),#f6efdf;min-height:calc(100vh - 164px);padding:24px clamp(20px,2.7vw,42px) 28px}.dashboard-grid{gap:15px;max-width:1450px;margin:0 auto;display:grid}.dashboard-grid-top{grid-template-columns:minmax(420px,1.65fr) minmax(205px,.72fr) minmax(205px,.72fr)}.dashboard-grid-middle{grid-template-columns:1.35fr 1fr 1.05fr;margin-top:15px}.dashboard-card{background:#fffbf1cc;border:1px solid #835f3121;border-radius:14px;box-shadow:0 4px 18px #52341212,inset 0 1px #ffffffb3}.course-progress-card{grid-template-columns:155px 1fr;align-items:center;gap:26px;min-height:243px;padding:24px;display:grid}.piano-emblem{aspect-ratio:1;background:radial-gradient(circle, #fffaf0 0 48%, transparent 49%), repeating-conic-gradient(from 0deg, #b8843a3d 0 2deg, transparent 2deg 11deg);border:1px solid #a9773145;border-radius:50%;place-items:center;width:145px;display:grid;box-shadow:inset 0 0 0 12px #f8edd7b8}.emblem-notes{color:#4b2c17;text-shadow:3px 5px #b77b2633;font:500 57px/1 Playfair Display,serif;transform:rotate(-7deg)}.card-kicker{color:#8c683b;font-family:Playfair Display,serif;font-size:13px;font-weight:600}.card-heading-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.course-copy h2{color:#2d2117;margin:4px 0 0;font:500 43px/1 Playfair Display,serif}.course-copy>p{min-height:34px;color:var(--muted);margin:11px 0 12px;font:12px/1.45 DM Sans,sans-serif}.level-chip{color:#8c6024;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:#fbf1df;border:1px solid #b77b2642;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700}.progress-track{background:#e9dcc6;border-radius:999px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#c98c31,#9b681f);min-width:3px;height:100%;display:block}.course-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-family:Playfair Display,serif;font-size:11px;display:flex}.course-footer button,.section-heading button{color:#976524;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700}.course-footer button{border:1px solid #ab752d4d;border-radius:999px;padding:7px 12px;font-family:Playfair Display,serif}.stat-card{flex-direction:column;min-height:243px;padding:24px 22px 18px;display:flex}.card-icon-title{color:#634522;align-items:center;gap:9px;display:flex}.card-icon-title span{font:600 13px/1 Playfair Display,serif}.stat-card>small{color:#9c8a72;margin:7px 0 14px 29px;font-size:9px}.stat-card>strong{color:var(--ink);font:500 31px/1 Playfair Display,serif}.stat-card>p{color:var(--muted);margin:7px 0 0;font:12px Playfair Display,serif}.weekly-bars{border-bottom:1px solid #d8c8ae;grid-template-columns:repeat(7,1fr);align-items:end;gap:5px;height:82px;margin-top:auto;display:grid}.bar-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bar-column>span{background:linear-gradient(#d7a34f,#b87923);border-radius:3px 3px 0 0;width:min(14px,70%);min-height:7px}.bar-column>small{color:#9d8c74;height:13px;font-size:8px}.lesson-dots{gap:7px;margin-top:auto;padding-top:17px;display:flex}.lesson-dots>span{aspect-ratio:1;color:#fff8e8;background:#ded1bc;border-radius:50%;flex:21px;place-items:center;width:21px;min-width:0;max-width:21px;display:grid}.lesson-dots>span svg{width:70%;max-width:12px;height:70%;max-height:12px}.lesson-dots>span.done{background:linear-gradient(135deg,#d3a14c,#a86b20)}.daily-dashboard-card{background:linear-gradient(90deg,#f6e6c97a,#0000 31%),#fffbf1db;grid-template-columns:auto minmax(220px,.75fr) minmax(280px,1.35fr) auto;align-items:center;gap:20px;max-width:1450px;min-height:112px;margin:15px auto 0;padding:18px 22px;display:grid}.daily-dashboard-card__mark{color:#8f5c1d;background:#f8ecd5;border:1px solid #a86f2440;border-radius:50%;place-content:center;place-items:center;gap:3px;width:70px;height:70px;display:grid}.daily-dashboard-card__mark span{letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.daily-dashboard-card__copy h3{margin:4px 0 11px;font:500 16px/1.25 Playfair Display,serif}.daily-dashboard-card__track{background:#e9dcc6;border-radius:999px;height:6px;overflow:hidden}.daily-dashboard-card__track span{border-radius:inherit;background:linear-gradient(90deg,#c98c31,#9b681f);min-width:2px;height:100%;display:block}.daily-dashboard-card__exercises{flex-wrap:wrap;gap:7px;min-width:0;display:flex}.daily-dashboard-card__exercises>span{max-width:185px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#f8efdeb3;border:1px solid #835f3124;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:inline-flex;overflow:hidden}.daily-dashboard-card__exercises>span.is-complete{color:#80551d;background:#f7e7c9;border-color:#a66d253d}.daily-dashboard-card>button{color:#87591e;cursor:pointer;background:#fffaf0;border:1px solid #97621e4d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:10px;font-weight:700;display:inline-flex}.skill-card,.next-card,.activity-card{min-height:264px;padding:22px}.section-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.section-heading h3{color:var(--ink);margin:4px 0 0;font:500 16px/1.2 Playfair Display,serif}.section-heading>button{margin-top:4px}.skill-list{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.skill-item{color:var(--muted);justify-items:center;gap:9px;font:500 10px Playfair Display,serif;display:grid}.skill-ring{aspect-ratio:1;background:conic-gradient(#b87b2b var(--progress), #eadfcd 0);border-radius:50%;place-items:center;width:83px;display:grid}.skill-ring>div{aspect-ratio:1;color:#795224;background:#fffaf0;border-radius:50%;align-content:center;place-items:center;gap:2px;width:68px;display:grid}.skill-ring strong{color:var(--ink);font:500 13px Playfair Display,serif}.lesson-number{color:#a96f222e;font:600 37px/1 Playfair Display,serif}.next-lesson-content{grid-template-columns:64px 1fr;align-items:center;gap:14px;margin-top:21px;display:grid}.lesson-art{color:#e2ba76;background:linear-gradient(145deg,#54341f,#26170f);border-radius:8px;place-items:center;width:64px;height:72px;font:38px Playfair Display,serif;display:grid;box-shadow:inset 0 0 0 1px #ffdc9d38}.next-lesson-content span{color:#a47331;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:700}.next-lesson-content h4{color:var(--ink);margin:4px 0;font:500 15px/1.2 Playfair Display,serif}.next-lesson-content p{color:var(--muted);margin:0;font-size:10px}.next-button{border-radius:8px;width:100%;margin-top:20px;padding:10px 14px}.empty-activity{color:#b27a30;justify-content:center;align-items:center;gap:13px;min-height:117px;display:flex}.empty-activity div{gap:3px;display:grid}.empty-activity strong{color:var(--ink);font:500 13px Playfair Display,serif}.empty-activity span{color:var(--muted);font-size:9px}.activity-list{min-height:127px;margin-top:10px}.activity-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.activity-check{color:#a17b49;background:#eee3d0;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.activity-check.mastered{color:#fff;background:#b67a29}.activity-row>div{gap:2px;min-width:0;display:grid}.activity-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font:500 11px Playfair Display,serif;overflow:hidden}.activity-row span{color:var(--muted);font-size:8px}.activity-row b{color:#94611f;font:600 11px Playfair Display,serif}.text-link{color:#9e6924;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:13px 0 0 auto;padding:0;font-size:10px;font-weight:700;display:flex}.dashboard-note{color:#845e2b78;background:#fffbf16b;border:1px solid #8b622d1f;border-radius:14px;justify-content:center;align-items:center;gap:24px;max-width:1450px;min-height:85px;margin:15px auto 0;display:flex;overflow:hidden}.dashboard-note>span{letter-spacing:9px;font:29px Playfair Display,serif}.dashboard-note p{color:#79674f;margin:0;font:italic 14px Playfair Display,serif}@media (width<=1120px){.dashboard-sidebar{padding-inline:12px}.dashboard-grid-top{grid-template-columns:1.5fr 1fr}.lessons-stat{grid-column:1/-1;min-height:175px}.lessons-stat .lesson-dots{margin-top:17px}.dashboard-grid-middle{grid-template-columns:1fr 1fr}.skill-card{grid-column:1/-1}.skill-ring{width:88px}.skill-ring>div{width:72px}}@media (width<=780px){.dashboard-shell{display:block}.dashboard-sidebar{border-bottom:1px solid #7a4b22;border-right:0;flex-direction:row;align-items:center;height:auto;min-height:0;padding:12px 16px;position:relative}.dashboard-brand{align-items:flex-start;padding:0}.brand-ornament,.brand-tagline,.sidebar-quote{display:none}.brand-name{font-size:27px}.sidebar-nav{gap:3px;margin-left:auto;display:flex}.sidebar-nav button{justify-content:center;width:43px;height:39px;padding:0}.sidebar-nav button span{display:none}.dashboard-header{align-items:flex-start;height:auto;min-height:145px;padding:25px 20px}.header-actions{align-self:center}.streak-pill{border:0;padding-right:0}.streak-pill span:last-child{display:none}.header-actions .primary-button{padding:11px 15px}.dashboard-grid-top,.dashboard-grid-middle{grid-template-columns:1fr}.daily-dashboard-card{grid-template-columns:auto minmax(0,1fr) auto}.daily-dashboard-card__exercises{grid-column:2/-1}.lessons-stat,.skill-card{grid-column:auto}.course-progress-card{grid-template-columns:110px 1fr}.piano-emblem{width:105px}.skill-list{gap:7px}.skill-ring{width:67px}.skill-ring>div{width:55px}}@media (width<=520px){.sidebar-nav button:nth-child(n+5){display:none}.dashboard-header{display:block}.header-actions{justify-content:space-between;margin-top:20px}.dashboard-content{padding:15px 12px 22px}.daily-dashboard-card{grid-template-columns:1fr;padding:20px}.daily-dashboard-card__mark{display:none}.daily-dashboard-card__exercises{grid-column:auto}.daily-dashboard-card>button{width:100%}.course-progress-card{grid-template-columns:1fr;padding:20px}.piano-emblem{display:none}.course-copy>p{min-height:0}.course-footer{align-items:flex-end}.skill-card{padding-inline:14px}.skill-list{grid-template-columns:repeat(2,1fr);gap:18px 8px}.skill-ring{width:82px}.skill-ring>div{width:67px}.dashboard-note{text-align:center;padding:20px}.dashboard-note>span{display:none}}@media (prefers-reduced-motion:reduce){.dashboard-shell *,.dashboard-shell :before,.dashboard-shell :after{scroll-behavior:auto!important;transition:none!important}}.daily-practice-shell{--daily-ink:#2f2418;--daily-muted:#7a6a56;--daily-paper:#f6efdf;--daily-paper-light:#fffbf1;--daily-gold:#b77b26;--daily-gold-dark:#8f5a1a;--daily-line:#79582b2b;color:var(--daily-ink);font-family:DM Sans,sans-serif}.daily-practice-page{background:var(--daily-paper);min-height:100vh}.daily-practice-hero{background:radial-gradient(circle at 29% 8%,#ffffffd6,#0000 36%),linear-gradient(115deg,#fffaf0,#f3e5cd);border-bottom:1px solid #89591b52;justify-content:space-between;align-items:center;gap:36px;min-height:166px;padding:32px clamp(28px,4.5vw,66px) 28px;display:flex}.daily-practice-eyebrow,.daily-section-heading>div>span{color:var(--daily-gold);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:700}.daily-practice-hero h1{color:var(--daily-ink);letter-spacing:-.035em;margin:5px 0 0;font:600 clamp(2.1rem,4.2vw,3.75rem)/1 Playfair Display,serif}.daily-practice-hero p{max-width:670px;color:var(--daily-muted);margin:12px 0 0;font:.92rem/1.6 Playfair Display,serif}.daily-practice-hero__stats{background:#fffbf1b8;border:1px solid #9d661f33;border-radius:16px;grid-template-columns:repeat(3,1fr);min-width:355px;display:grid;overflow:hidden;box-shadow:inset 0 1px #fffc}.daily-practice-hero__stats>div{border-right:1px solid var(--daily-line);text-align:center;place-content:center;min-height:82px;padding:15px 13px;display:grid}.daily-practice-hero__stats>div:last-child{border-right:0}.daily-practice-hero__stats strong{font:500 1.55rem/1 Playfair Display,serif}.daily-practice-hero__stats span{color:var(--daily-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:7px;font-size:.58rem;font-weight:600}.daily-practice-keyline{background:linear-gradient(90deg,#0000 0 70%,#56361424 70% 73%,#0000 73%) 0 0/43px 100%,repeating-linear-gradient(90deg,#fffcf4 0 26px,#7c552e 26px 27px,#faf2df 27px 43px);border-top:3px solid #a66e29;border-bottom:3px solid #8a591f;height:42px;position:relative;box-shadow:inset 0 5px 8px #4c2a0b1f}.daily-practice-keyline:before{content:"";filter:drop-shadow(1px 2px 1px #00000059);background:repeating-linear-gradient(90deg,#0000 0 18px,#1b1712 18px 29px,#0000 29px 43px) 0 0/43px 23px repeat-x;position:absolute;inset:0}.daily-practice-keyline span{z-index:1;color:#d7a75b;letter-spacing:.08em;text-align:center;text-transform:uppercase;background:linear-gradient(#382115,#1d110c);border:2px solid #9c682c;border-radius:7px 7px 19px 19px;min-width:150px;padding:5px 19px 6px;font:500 .72rem/1 Playfair Display,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.daily-practice-content{background:linear-gradient(#79562605 1px,#0000 1px) 0 0/100% 6px,radial-gradient(circle at 80% 0,#ffffffa8,#0000 38%);gap:20px;max-width:1410px;margin:0 auto;padding:30px clamp(20px,3vw,48px) 54px;display:grid}.daily-routine,.daily-library,.daily-performance{background:#fffbf1d6;border:1px solid #835f3124;border-radius:17px;padding:clamp(22px,3vw,34px);box-shadow:0 5px 22px #52341212,inset 0 1px #ffffffc2}.daily-section-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.daily-section-heading h2{margin:5px 0 0;font:500 clamp(1.35rem,2.4vw,1.8rem)/1.2 Playfair Display,serif}.daily-section-heading>p{color:var(--daily-muted);margin:4px 0 0;font-size:.72rem}.daily-routine__progress-copy{color:var(--daily-muted);align-items:baseline;gap:7px;display:flex}.daily-routine__progress-copy strong{color:var(--daily-gold-dark);font:500 1.7rem/1 Playfair Display,serif}.daily-routine__progress-copy span{text-transform:uppercase;font-size:.66rem}.daily-progress-track{background:#eadfcd;border-radius:99px;height:7px;margin-top:22px;overflow:hidden}.daily-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#d2a252,#95601c);min-width:2px;height:100%;transition:width .28s;display:block}.daily-routine__list{margin-top:18px;display:grid}.daily-routine-row{border-bottom:1px solid var(--daily-line);grid-template-columns:42px 46px minmax(0,1fr) 72px auto;align-items:center;gap:13px;min-height:83px;padding:12px 0;display:grid}.daily-routine-row:last-child{border-bottom:0}.daily-routine-row__number,.daily-routine-row__icon{border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.daily-routine-row__number{color:#9e7b50;background:#eee4d2;font:600 .68rem Playfair Display,serif}.daily-routine-row.is-complete .daily-routine-row__number{color:#fffaf0;background:linear-gradient(135deg,#c7913d,#8d5b1b)}.daily-routine-row__icon{color:#9a6624;background:#fbf1df;border:1px solid #a670282e;border-radius:10px}.daily-routine-row__copy{min-width:0}.daily-routine-row__copy>span,.daily-routine-row__best span{color:var(--daily-gold);letter-spacing:.09em;text-transform:uppercase;font-size:.55rem;font-weight:700}.daily-routine-row__copy h3{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font:500 1rem/1.2 Playfair Display,serif;overflow:hidden}.daily-routine-row__copy p{color:var(--daily-muted);margin:0;font-size:.66rem}.daily-routine-row__best{text-align:right;gap:3px;display:grid}.daily-routine-row__best strong{font:500 1rem Playfair Display,serif}.daily-routine-row>button,.daily-routine__footer button{color:#80531d;cursor:pointer;background:#fffaf0;border:1px solid #97621e45;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:112px;padding:10px 15px;font-size:.69rem;font-weight:700;transition:all .18s;display:inline-flex}.daily-routine-row>button:hover,.daily-routine__footer button:hover{border-color:#97621e73;transform:translateY(-1px);box-shadow:0 5px 13px #754a131c}.daily-routine-row>button:disabled,.daily-routine__footer button:disabled{cursor:wait;opacity:.55;transform:none}.daily-routine__empty{min-height:145px;color:var(--daily-gold);justify-content:center;align-items:center;gap:16px;display:flex}.daily-routine__empty div{gap:4px;display:grid}.daily-routine__empty strong{color:var(--daily-ink);font:500 1rem Playfair Display,serif}.daily-routine__empty span{color:var(--daily-muted);font-size:.75rem}.daily-start-error{color:#8e3326;background:#f8e3dc;border-radius:8px;margin:13px 0 0;padding:10px 13px;font-size:.75rem}.daily-routine__footer{border-top:1px solid var(--daily-line);justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:18px;display:flex}.daily-routine__footer>span{color:var(--daily-muted);font:italic .78rem Playfair Display,serif}.daily-routine__footer button{color:#fff9ed;background:linear-gradient(135deg,#c99440,#9c641d);border:0;min-width:178px;box-shadow:0 5px 14px #824f1033}.daily-library__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:22px;display:grid}.daily-library__grid>button{min-height:145px;color:var(--daily-ink);cursor:pointer;text-align:left;background:#f8efde7a;border:1px solid #825c2a24;border-radius:12px;align-content:start;gap:5px;padding:18px;transition:all .18s;display:grid;position:relative}.daily-library__grid>button:hover{background:#fffaf0;border-color:#a670285c;transform:translateY(-2px)}.daily-library__grid>button.is-selected{background:linear-gradient(145deg,#fffaf0,#f5e5c8);border-color:#9c641d66;box-shadow:inset 3px 0 #b77b26}.daily-library-card__check{color:#98621f;background:#fffaf0;border:1px solid #9c641d40;border-radius:50%;place-items:center;width:24px;height:24px;font-size:1rem;display:grid;position:absolute;top:13px;right:13px}.is-selected .daily-library-card__check{color:#fff;background:#a86d20}.daily-library-card__icon{color:#94601f;background:#eee0c7;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:5px;display:grid}.daily-library-card__focus{color:var(--daily-gold);letter-spacing:.09em;text-transform:uppercase;font-size:.54rem;font-weight:700}.daily-library__grid strong{padding-right:22px;font:500 .9rem/1.25 Playfair Display,serif}.daily-library__grid small{color:var(--daily-muted);margin-top:2px;font-size:.62rem}.daily-performance__layout{grid-template-columns:minmax(0,1.9fr) minmax(250px,.7fr);gap:28px;margin-top:27px;display:grid}.daily-chart{border-bottom:1px solid #d9c9ae;grid-template-columns:repeat(7,1fr);gap:12px;min-height:190px;padding:13px 9px 0;display:grid}.daily-chart__day{grid-template-rows:19px 1fr 25px;justify-items:center;gap:5px;min-width:0;display:grid}.daily-chart__score{color:#8d6e48;font:500 .65rem Playfair Display,serif}.daily-chart__bar{align-items:flex-end;width:100%;max-width:32px;display:flex}.daily-chart__bar span{background:linear-gradient(#d7a34f,#95601c);border-radius:5px 5px 0 0;width:100%;min-height:3px}.daily-chart__day>strong{color:var(--daily-muted);text-transform:uppercase;font-size:.62rem}.daily-performance__summary{border:1px solid var(--daily-line);background:#f6eddc80;border-radius:13px;display:grid;overflow:hidden}.daily-performance__summary>div{border-bottom:1px solid var(--daily-line);justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.daily-performance__summary>div:last-child{border-bottom:0}.daily-performance__summary span{color:var(--daily-muted);font-size:.67rem}.daily-performance__summary strong{font:500 1.05rem Playfair Display,serif}.daily-history{border-top:1px solid var(--daily-line);margin-top:28px}.daily-history__heading,.daily-history__row{grid-template-columns:36px 1fr auto;align-items:center;gap:13px;display:grid}.daily-history__heading{color:var(--daily-muted);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr auto;padding:15px 0 10px;font-size:.6rem}.daily-history__heading strong{color:var(--daily-ink);font-weight:700}.daily-history__row{border-top:1px solid #79582b1a;min-height:55px}.daily-history__status{color:#9a7240;background:#eee3d0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.daily-history__status.is-passed{color:#fffaf0;background:#a66d25}.daily-history__row>div{gap:3px;min-width:0;display:grid}.daily-history__row>div strong{text-overflow:ellipsis;white-space:nowrap;font:500 .82rem Playfair Display,serif;overflow:hidden}.daily-history__row>div span{color:var(--daily-muted);font-size:.61rem}.daily-history__row>b{color:var(--daily-gold-dark);font:600 .85rem Playfair Display,serif}.daily-history__empty{color:var(--daily-muted);text-align:center;padding:27px 0 12px;font:italic .78rem Playfair Display,serif}.daily-practice-shell button:focus-visible{outline-offset:3px;outline:2px solid #9e6722}@media (width<=1020px){.daily-practice-hero{align-items:flex-start}.daily-practice-hero__stats{min-width:285px}.daily-library__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=780px){.daily-practice-hero{padding:27px 20px;display:grid}.daily-practice-hero__stats{width:100%;min-width:0}.daily-practice-content{padding:20px 13px 38px}.daily-routine-row{grid-template-columns:38px minmax(0,1fr) auto}.daily-routine-row__icon,.daily-routine-row__best{display:none}.daily-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-performance__layout{grid-template-columns:1fr}.daily-performance__summary{grid-template-columns:repeat(3,1fr)}.daily-performance__summary>div{text-align:center;border-right:1px solid var(--daily-line);border-bottom:0;gap:5px;display:grid}}@media (width<=520px){.daily-practice-hero__stats{grid-template-columns:1fr}.daily-practice-hero__stats>div{border-right:0;border-bottom:1px solid var(--daily-line);text-align:left;grid-template-columns:1fr 1fr;align-items:center;min-height:58px}.daily-practice-hero__stats>div:last-child{border-bottom:0}.daily-practice-hero__stats span{text-align:right;margin:0}.daily-routine,.daily-library,.daily-performance{padding:20px 15px}.daily-routine-row{grid-template-columns:35px minmax(0,1fr)}.daily-routine-row>button{grid-column:2;width:max-content;min-width:102px}.daily-routine__footer{display:grid}.daily-routine__footer button{width:100%}.daily-library__grid{grid-template-columns:1fr}.daily-library__grid>button{min-height:130px}.daily-chart{gap:5px}.daily-performance__summary{grid-template-columns:1fr}.daily-performance__summary>div{border-right:0;border-bottom:1px solid var(--daily-line);text-align:left;display:flex}}@media (prefers-reduced-motion:reduce){.daily-practice-shell *,.daily-practice-shell :before,.daily-practice-shell :after{scroll-behavior:auto!important;transition:none!important}}.v2-page{--cream:#fff9ef;--cream-deep:#f3eadb;--ink:#073b2e;--green:#008f7a;--green-bright:#08a98f;--coral:#ff5948;--yellow:#ffbc4b;min-height:100vh;color:var(--ink);background-color:var(--cream);background-image:repeating-linear-gradient(#0000 0 31px,#073b2e13 31px 32px);font-family:Avenir Next,Avenir,Segoe UI,sans-serif;overflow:clip}.v2-page *,.v2-page :before,.v2-page :after{box-sizing:border-box}.v2-page button,.v2-page input{font:inherit}.v2-page button,.v2-page a{-webkit-tap-highlight-color:transparent}.v2-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.v2-nav{z-index:10;border-bottom:1px solid #073b2e1a;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:100%;height:84px;padding:0 clamp(24px,5vw,76px);display:grid;position:absolute;top:0;left:0}.v2-brand{width:max-content;color:var(--ink);letter-spacing:-.035em;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:1.14rem;font-weight:760;display:inline-flex}.v2-brand__mark{width:27px;height:27px;color:var(--cream);background:var(--green);border-radius:50% 50% 48% 20%;place-items:center;font:800 1.05rem/1 Georgia,serif;display:grid}.v2-nav nav{gap:clamp(22px,4vw,54px);display:flex}.v2-nav nav a{color:#073b2ead;letter-spacing:.04em;font-size:.75rem;font-weight:700;text-decoration:none;position:relative}.v2-nav nav a:after{content:"";background:var(--coral);height:2px;transition:transform .18s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.v2-nav nav a:hover:after{transform:scaleX(1)}.v2-nav-cta{min-height:42px;color:var(--cream);background:var(--ink);cursor:pointer;border:0;border-radius:999px;justify-self:end;padding:0 17px;font-size:.75rem;font-weight:750;transition:transform .16s,background .16s}.v2-nav-cta span{margin-left:7px}.v2-nav-cta:hover{background:var(--green);transform:translateY(-2px)}.v2-hero{background:radial-gradient(circle at 50% 45%, #ffffffeb 0 22%, transparent 55%), var(--cream);place-items:center;min-height:max(820px,100svh);padding-top:84px;display:grid;position:relative;overflow:hidden}.v2-hero__scene{z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;inset:clamp(360px,42vh,455px) 0 0}.v2-hero__friend{z-index:2;filter:drop-shadow(0 18px 18px #073b2e0f);width:clamp(440px,39vw,560px);max-width:88vw;position:relative}.v2-playground__intro>span,.v2-metronome-heading>span,.v2-songs__heading>div>span{color:var(--coral);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.v2-hero__aside{z-index:3;color:#073b2e99;margin:0;font:500 .78rem/1.7 Avenir Next,sans-serif;position:absolute;bottom:clamp(106px,13vh,160px);right:clamp(26px,8vw,130px)}.v2-scroll-cue{z-index:4;color:#073b2e94;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:.65rem;font-weight:750;text-decoration:none;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.v2-scroll-cue i{font-size:1rem;font-style:normal;animation:1.8s ease-in-out infinite v2-bob}.v2-floor{z-index:1;flex:0 0 160px;width:100%;height:160px;margin-top:-24px;position:relative;overflow:hidden}.v2-floor:before{content:"";background:linear-gradient(#0000,#073b2e1f);width:1px;position:absolute;top:0;bottom:0;left:50%}.v2-floor span{background:#073b2e17;height:1px;position:absolute;left:0;right:0}.v2-playground{background-color:#fbf3e7;background-image:repeating-linear-gradient(#0000 0 12px,#073b2e0e 12px 13px),linear-gradient(#fff9ef,#fbf3e7);background-position:0 -11px,0 0;padding:170px 0 1px;position:relative}.v2-playground__intro{text-align:center;width:min(720px,100% - 48px);margin:0 auto}.v2-playground__intro h2{letter-spacing:-.06em;margin:10px 0 4px;font:500 clamp(3.5rem,7vw,6rem)/1 Georgia,serif}.v2-playground__intro p{color:#073b2e8f;margin:0;font-size:.9rem}.v2-playground__interactive{--v2-activity-nav:220px;--v2-activity-gap:clamp(34px, 5vw, 68px);--v2-full-white-key-width:calc(min(1320px, calc(100vw - 48px)) / 52);z-index:1;grid-template-columns:var(--v2-activity-nav) minmax(0, 1fr);gap:var(--v2-activity-gap);align-items:start;width:min(1320px,100% - 48px);margin:105px auto 160px;display:grid;position:relative}.v2-mode-switch{gap:8px;padding-top:0;display:grid}.v2-mode-switch button{color:#073b2e94;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:28px 1fr;align-items:center;gap:10px;min-height:52px;padding:0 16px;font-size:.72rem;font-weight:750;line-height:1.25;transition:color .16s,border-color .16s,background .16s,transform .16s;display:grid}.v2-mode-switch button:hover{color:var(--ink);transform:translate(3px)}.v2-mode-switch button.is-active{color:var(--ink);background:#fffefbc2;border-color:#073b2e26;box-shadow:0 10px 24px #073b2e0f}.v2-mode-switch button>span{color:var(--coral);letter-spacing:.12em;font-size:.5rem;font-weight:900}.v2-playground__demo{width:100%;min-width:0;max-width:780px}.v2-playground__interactive.is-full .v2-playground__demo{max-width:none}.v2-playground__panel{width:min(620px,100%);min-height:230px;position:relative}.v2-sound-prompt{width:100%;height:206px;color:var(--ink);border:4px solid var(--ink);background:#fffefb;border-radius:15px;justify-content:space-between;align-items:center;gap:30px;padding:30px 34px;display:flex;box-shadow:0 16px 34px #073b2e14}.v2-sound-prompt span{color:var(--coral);letter-spacing:.13em;text-transform:uppercase;font-size:.5rem;font-weight:900;display:block}.v2-sound-prompt strong{letter-spacing:-.035em;margin-top:12px;font:500 1.45rem/1 Georgia,serif;display:block}.v2-sound-prompt p{color:#073b2e8f;max-width:270px;margin:10px 0 0;font-size:.66rem;line-height:1.5}.v2-sound-prompt>i{color:var(--coral);text-shadow:5px 5px #ffbc4b6b;font:500 5rem/1 Georgia,serif;transform:rotate(7deg)}.v2-piano-demo{filter:drop-shadow(0 18px 18px #073b2e24);width:min(620px,100%);margin-top:18px;transition:width .76s cubic-bezier(.2,.78,.18,1),margin-left .76s cubic-bezier(.2,.78,.18,1)}.v2-piano-demo.is-full{width:calc(100% + var(--v2-activity-nav) + var(--v2-activity-gap));max-width:none;margin-left:calc(0px - var(--v2-activity-nav) - var(--v2-activity-gap))}.v2-piano-demo>p{z-index:1;color:#073b2e6b;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:10px 0 0;font-size:.58rem;font-weight:700;position:relative}.v2-piano-top{z-index:2;background:var(--coral);border-radius:5px 5px 0 0;height:6px;position:relative;box-shadow:0 0 14px #ff594857}.v2-piano{z-index:2;background:var(--cream);border:0;border-radius:0 0 8px 8px;height:176px;position:relative;overflow:hidden}.v2-white-keys{justify-content:center;gap:0;height:100%;display:flex}.v2-white-keys button{background:var(--cream);cursor:pointer;opacity:0;pointer-events:none;transform-origin:50%;visibility:hidden;border:0;border-radius:0 0 4px 4px;flex:0 0 0;width:0;min-width:0;padding:0;transition:background 90ms,flex-basis .76s cubic-bezier(.2,.78,.18,1),opacity .26s,transform .56s cubic-bezier(.2,.78,.18,1);position:relative;transform:scaleX(0);box-shadow:inset 1px 0 #073b2e33}.v2-white-keys button.is-demo-key{opacity:1;pointer-events:auto;visibility:visible;flex-basis:12.5%;transform:scaleX(1)}.v2-piano-demo.is-condensing .v2-white-keys button.is-demo-key{flex-basis:var(--v2-full-white-key-width);transition-duration:90ms,.32s,.26s,.32s}.v2-piano-demo.is-full .v2-white-keys button{flex-basis:var(--v2-full-white-key-width);opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s, 0s, var(--reveal-delay), var(--reveal-delay);transform:scaleX(1)}.v2-white-keys button:hover{background:#fff1d7}.v2-white-keys button.is-active{background:var(--yellow);transform:translateY(3px)}.v2-white-keys button span{color:#073b2ed1;font:500 .7rem/1 Georgia,serif;position:absolute;bottom:7px;left:0;right:0}.v2-white-keys button kbd{width:20px;height:18px;color:var(--cream);background:var(--ink);border-radius:5px;place-items:center;font:800 .48rem/1 Avenir Next,sans-serif;display:grid;position:absolute;bottom:32px;right:50%;transform:translate(50%)}.v2-black-key{z-index:2;top:0;left:var(--compact-left);cursor:pointer;opacity:0;pointer-events:none;visibility:hidden;background:#061d18;border:0;border-radius:0 0 4px 4px;width:0;height:64%;padding:0;transition:background 90ms,height 90ms,left .76s cubic-bezier(.2,.78,.18,1),width .76s cubic-bezier(.2,.78,.18,1),opacity .26s,transform .56s cubic-bezier(.2,.78,.18,1);position:absolute;transform:translate(-50%)scaleX(0);box-shadow:0 4px 5px #0000006b}.v2-black-key.is-demo-key{opacity:1;pointer-events:auto;visibility:visible;width:7.4%;transform:translate(-50%)scaleX(1)}.v2-piano-demo.is-condensing .v2-black-key.is-demo-key{left:var(--condensed-left);width:calc(var(--v2-full-white-key-width) / 1.8);transition-duration:90ms,90ms,.32s,.32s,.26s,.32s}.v2-piano-demo.is-full .v2-black-key{left:var(--expanded-left);width:calc(var(--v2-full-white-key-width) / 1.8);opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s, 0s, 0s, 0s, var(--reveal-delay), var(--reveal-delay);transform:translate(-50%)scaleX(1)}.v2-black-key:hover{background:#075442}.v2-black-key.is-active{background:var(--yellow);height:67%}.v2-black-key kbd{color:#fff9ef73;text-align:center;font:800 .46rem/1 Avenir Next,sans-serif;position:absolute;bottom:9px;left:0;right:0}.v2-note-memory{z-index:1;width:100%;height:192px;color:var(--ink);border:4px solid var(--ink);opacity:1;pointer-events:auto;background:#fffefb;border-radius:15px;position:relative;overflow:hidden;box-shadow:0 16px 34px #073b2e14}.v2-note-memory__header{color:#073b2e75;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:start;height:30px;padding:8px 12px 0;font-size:.48rem;font-weight:800;display:flex}.v2-note-memory__header button{color:var(--coral);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:.48rem;font-weight:800}.v2-note-memory__header button:disabled{cursor:default;opacity:.28}.v2-note-meter{text-align:left;width:100%}.v2-note-meter>span{color:#073b2e6b;letter-spacing:.1em;text-transform:uppercase;font-size:.44rem;font-weight:800;display:block}.v2-note-meter>strong{min-height:20px;margin-top:4px;font-size:.54rem;line-height:1.25;display:block}.v2-note-meter__track{background:#073b2e1a;border-radius:999px;height:7px;margin-top:10px;position:relative;overflow:hidden}.v2-note-meter__track i{border-radius:inherit;background:linear-gradient(90deg, var(--yellow), var(--coral));transform:scaleX(var(--meter-progress,0));transform-origin:0;transition:transform 60ms linear;position:absolute;inset:0}.v2-note-meter__track.is-holding i{animation:2s linear forwards v2-note-duration-meter}.v2-note-meter__track b{z-index:1;background:#073b2e3d;width:1px;position:absolute;top:0;bottom:0}.v2-note-meter__track b:first-of-type{left:25%}.v2-note-meter__track b:nth-of-type(2){left:50%}.v2-note-meter__track b:nth-of-type(3){left:75%}.v2-note-meter__labels{color:#073b2e70;text-align:center;grid-template-columns:repeat(4,1fr);margin-top:4px;font-size:.42rem;display:grid}.v2-rhythm-history{z-index:4;width:100%;min-height:220px;color:var(--ink);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8d1;border-top:1px solid #073b2e24;border-bottom:1px solid #073b2e24;grid-template-columns:minmax(0,1fr) minmax(290px,31vw);padding:0 clamp(24px,7vw,110px);transition:opacity .35s,transform .5s cubic-bezier(.2,.78,.18,1);display:grid;position:absolute;top:760px;left:0;transform:translateY(16px);box-shadow:0 20px 45px #073b2e0f}.v2-rhythm-history__notes{min-width:0;padding:24px clamp(22px,3vw,44px) 22px 0}.v2-rhythm-history__notes>span{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:.54rem;font-weight:900;display:block}.v2-rhythm-history__grid{scrollbar-color:#073b2e33 transparent;scrollbar-width:thin;gap:9px;min-width:0;margin-top:13px;padding:1px 2px 5px;display:flex;overflow-x:auto}.v2-rhythm-history__grid>p{color:#073b2e73;margin:0;font-size:.62rem}.v2-rhythm-history__tile{width:124px;min-width:124px;min-height:130px;color:var(--ink);cursor:pointer;text-align:center;background:#fff3;border:1px solid #073b2e1f;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:11px 8px 9px;transition:border-color .18s,background .18s,transform .18s;display:flex}.v2-rhythm-history__tile.is-selected{background:#ff59481a;border-color:#ff59489e;box-shadow:0 8px 22px #ff594814}.v2-rhythm-history__tile:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.v2-rhythm-history__tile strong{overflow-wrap:anywhere;white-space:normal;justify-content:center;align-items:center;width:100%;min-height:2.3em;margin-top:6px;font-size:.58rem;line-height:1.15;display:flex}.v2-rhythm-glyph{width:48px;height:58px;color:var(--ink);flex:none;display:block;overflow:hidden}.v2-rhythm-glyph svg{width:100%;height:100%;display:block;overflow:hidden}.v2-rhythm-history__details{border-left:1px solid #073b2e24;flex-direction:column;justify-content:center;min-width:0;padding:27px 0 24px clamp(24px,3vw,46px);display:flex}.v2-rhythm-history__details-heading strong{font:500 1.18rem/1 Georgia,serif}.v2-rhythm-history__details-heading span{color:#073b2e99;white-space:nowrap;font-size:.58rem}.v2-rhythm-history__prompt{color:#073b2e94;max-width:230px;margin:0;font-size:.68rem;line-height:1.45}.v2-rhythm-history__prompt span{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:.48rem;font-weight:900;display:block}.v2-rhythm-history__hold{flex-direction:column;margin-bottom:8px;display:flex}.v2-rhythm-history__hold span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.45rem;font-weight:900}.v2-rhythm-history__hold strong{margin-top:2px;font-size:.68rem}.v2-rhythm-history__details .v2-note-meter__track{margin-top:0}.v2-rhythm-history__dot-note{color:#073b2e99;margin-top:9px;font-size:.52rem;line-height:1.35;display:block}@keyframes v2-note-duration-meter{0%{transform:scaleX(0)}12.5%{transform:scaleX(.25)}25%{transform:scaleX(.5)}50%{transform:scaleX(.75)}to{transform:scaleX(1)}}.v2-rhythm-check{z-index:1;width:100%;height:206px;color:var(--ink);border:4px solid var(--ink);opacity:1;pointer-events:auto;background:#fffefb;border-radius:15px;grid-template-rows:auto 1fr auto;padding:14px 16px 13px;display:grid;position:relative;box-shadow:0 16px 34px #073b2e14}.v2-rhythm-check.is-visible{opacity:1;pointer-events:auto}.v2-rhythm-check__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.v2-rhythm-check__header>div:first-child>span{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:.45rem;font-weight:900;display:block}.v2-rhythm-check__header>div:first-child>strong{margin-top:3px;font:500 .8rem/1.1 Georgia,serif;display:block}.v2-rhythm-check__legend{color:#073b2e7a;white-space:nowrap;gap:9px;padding-top:3px;font-size:.4rem;font-weight:750;display:flex}.v2-rhythm-check__legend span{align-items:center;gap:4px;display:flex}.v2-rhythm-check__legend i,.v2-rhythm-check__legend b{border-radius:50%;width:7px;height:7px;display:block}.v2-rhythm-check__legend i{border:2px solid var(--green);background:var(--cream)}.v2-rhythm-check__legend b{background:var(--coral)}.v2-rhythm-check__timeline{align-items:center;min-height:76px;padding:12px 8px 4px;display:flex}.v2-rhythm-check__rail{width:100%;height:48px;margin:0 6px;position:relative}.v2-rhythm-check__rail:before{content:"";background:#073b2e1c;border-radius:99px;height:4px;position:absolute;top:19px;left:0;right:0}.v2-rhythm-check__beat{z-index:2;top:11px;left:var(--beat-position);justify-items:center;width:20px;display:grid;position:absolute;transform:translate(-50%)}.v2-rhythm-check__beat i{border:4px solid var(--green);background:#fffefb;border-radius:50%;width:19px;height:19px;transition:background .1s,box-shadow .1s,transform .1s;display:block;box-shadow:0 0 #008f7a26}.v2-rhythm-check__beat.is-active i{background:var(--yellow);transform:scale(1.08);box-shadow:0 0 0 7px #ffbc4b38}.v2-rhythm-check__beat small{color:#073b2e75;margin-top:3px;font-size:.42rem;font-weight:800}.v2-rhythm-check__playhead{z-index:1;background:var(--coral);opacity:0;border-radius:99px;width:2px;position:absolute;top:5px;bottom:10px;left:0;box-shadow:0 0 10px #ff594873}.v2-rhythm-check.is-playing .v2-rhythm-check__playhead{opacity:1;animation:v2-rhythm-scan var(--bar-speed) linear infinite}.v2-rhythm-check__tap{z-index:4;top:15px;left:var(--tap-position);background:var(--coral);border:2px solid #fffefb;border-radius:50%;width:11px;height:11px;animation:.22s ease-out both v2-tap-arrive;position:absolute;transform:translate(-50%);box-shadow:0 2px 7px #073b2e3d}.v2-rhythm-check__tap.is-on-time{background:var(--green)}.v2-rhythm-check__controls{grid-template-columns:minmax(100px,1fr) minmax(100px,1.15fr) auto;align-items:center;gap:10px;display:grid}.v2-rhythm-check__tempo{color:#073b2e94;grid-template-columns:auto 1fr;align-items:center;gap:7px;font-size:.45rem;font-weight:800;display:grid}.v2-rhythm-check__tempo strong{color:var(--ink);font-size:.64rem}.v2-rhythm-check__tempo input{width:100%;min-width:55px;accent-color:var(--coral)}.v2-rhythm-check__feedback{color:#073b2e8c;text-align:center;margin:0;font-size:.48rem;font-weight:750}.v2-rhythm-check__feedback.is-on-time{color:var(--green)}.v2-rhythm-check__feedback.is-early,.v2-rhythm-check__feedback.is-late{color:var(--coral)}.v2-rhythm-check__actions{gap:6px;display:flex}.v2-rhythm-check__actions button{background:var(--ink);min-height:29px;color:var(--cream);cursor:pointer;white-space:nowrap;border:0;border-radius:99px;padding:0 10px;font-size:.47rem;font-weight:850}.v2-rhythm-check__actions button:last-child{color:var(--ink);background:var(--yellow)}.v2-rhythm-check__actions button:active{transform:scale(.97)}.v2-rhythm-coach{width:240px;color:var(--ink);position:absolute;top:34px;left:calc(100% + 34px)}.v2-rhythm-coach>span{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:.5rem;font-weight:900;display:block}.v2-rhythm-coach>strong{letter-spacing:-.035em;margin-top:11px;font:500 1.35rem/1.05 Georgia,serif;display:block}.v2-rhythm-coach>p{color:#073b2e8f;max-width:220px;margin:9px 0 0;font-size:.62rem;line-height:1.5}.v2-rhythm-coach__score{grid-template-columns:auto 1fr;align-items:center;gap:9px;margin-top:16px;display:grid}.v2-rhythm-coach__score>small{color:#073b2e75;letter-spacing:.08em;text-transform:uppercase;font-size:.44rem;font-weight:850}.v2-rhythm-coach__score>div{grid-template-columns:repeat(4,1fr);gap:5px;max-width:116px;display:grid}.v2-rhythm-coach__score i{background:#073b2e1f;border-radius:99px;height:5px}.v2-rhythm-coach__score i.is-on-time{background:var(--green)}.v2-rhythm-coach__score i.is-early,.v2-rhythm-coach__score i.is-late{background:var(--coral)}.v2-field-notes{z-index:6;background-color:var(--cream);background-image:repeating-linear-gradient(#0000 0 31px,#073b2e13 31px 32px);padding:90px clamp(24px,7vw,110px) 100px;position:relative}.v2-field-notes__heading{grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);align-items:end;gap:55px;max-width:1220px;margin:0 auto 38px;display:grid}.v2-field-notes__heading>div:first-child>span{color:var(--coral);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.v2-field-notes__heading h2{letter-spacing:-.06em;max-width:760px;margin:13px 0 0;font:500 clamp(2.8rem,5.5vw,5.4rem)/.98 Georgia,serif}.v2-field-notes__heading>div:last-child p{color:#073b2e94;margin:0 0 20px;font-size:.75rem;line-height:1.6}.v2-field-notes__heading>div:last-child a{color:var(--ink);border-bottom:1px solid #073b2e4d;gap:10px;padding:0 0 10px;font-size:.68rem;font-weight:800;text-decoration:none;display:inline-flex}.v2-field-notes__heading>div:last-child a span{color:var(--coral)}.v2-field-notes__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1220px;margin:0 auto;display:grid}.v2-field-note-card{min-width:0;min-height:190px;color:var(--ink);border:2px solid var(--ink);box-shadow:0 9px 0 var(--ink);background:#fffefb;border-radius:15px;grid-template-columns:42% minmax(0,1fr);text-decoration:none;transition:box-shadow .18s,transform .18s;display:grid;overflow:hidden}.v2-field-note-card:hover{box-shadow:0 14px 0 var(--ink);transform:translateY(-5px)rotate(-.4deg)}.v2-field-note-card__art{background:var(--coral);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.v2-field-note-card--green .v2-field-note-card__art{background:var(--green)}.v2-field-note-card--yellow .v2-field-note-card__art{background:var(--yellow)}.v2-field-note-card--lavender .v2-field-note-card__art{background:#d8c9f2}.v2-field-note-card__art:before{content:"";border:4px solid var(--ink);background:#fff9ef24;border-radius:50% 44% 55% 45%;width:88px;height:88px;position:absolute;transform:rotate(12deg)}.v2-field-note-card__art small{z-index:2;background:var(--cream);letter-spacing:.08em;border-radius:99px;padding:4px 7px;font-size:.5rem;font-weight:900;position:absolute;top:14px;left:15px}.v2-field-note-card__art strong{z-index:1;letter-spacing:-.08em;font:700 3rem/1 Georgia,serif;position:relative}.v2-field-note-card__copy{flex-direction:column;flex:1;min-width:0;padding:20px 15px 17px;display:flex}.v2-field-note-card__copy>small{color:#073b2e75;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.5rem;font-weight:800;overflow:hidden}.v2-field-note-card__copy>strong{margin-top:10px;font:600 1.05rem/1.08 Georgia,serif}.v2-field-note-card__copy em{color:var(--green);justify-content:space-between;margin-top:auto;padding-top:18px;font-size:.61rem;font-style:normal;font-weight:850;display:flex}.v2-songs{z-index:6;background:var(--ink);padding:100px clamp(24px,7vw,110px) 150px;position:relative}.v2-songs__heading{justify-content:space-between;align-items:end;gap:30px;max-width:1220px;margin:0 auto 45px;display:flex}.v2-songs__heading h2{max-width:640px;color:var(--cream);letter-spacing:-.055em;margin:13px 0 0;font:500 clamp(2.7rem,5vw,5rem)/.98 Georgia,serif}.v2-songs__heading>button{color:var(--cream);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #fff9ef66;padding:11px 0;font-size:.72rem;font-weight:750}.v2-songs__heading>button span{color:var(--yellow);margin-left:8px}.v2-song-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1220px;margin:0 auto;display:grid}.v2-song-card{color:var(--ink);background:var(--cream);cursor:pointer;text-align:left;border:0;border-radius:15px;padding:0;transition:transform .23s;overflow:hidden}.v2-song-card:hover{transform:translateY(-7px)rotate(-.5deg)}.v2-song-art{background:var(--coral);place-items:center;height:230px;display:grid;position:relative;overflow:hidden}.v2-song-card--2 .v2-song-art{background:var(--green)}.v2-song-card--3 .v2-song-art{background:var(--yellow)}.v2-song-card--4 .v2-song-art{background:#d8c9f2}.v2-song-art i{border:5px solid var(--ink);background:#fff9ef29;border-radius:50%;width:145px;height:145px;position:absolute}.v2-song-art i:after{content:"";border:5px solid var(--ink);border-radius:45% 55% 30% 70%;width:100px;height:100px;position:absolute;bottom:-40px;right:-40px}.v2-song-art b{z-index:1;font:700 4rem/1 Georgia,serif;position:relative}.v2-song-meta{flex-direction:column;min-height:150px;padding:22px 20px 20px;display:flex}.v2-song-meta small{color:#073b2e78;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.55rem;font-weight:750;overflow:hidden}.v2-song-meta strong{margin-top:9px;font:600 1.15rem/1.2 Georgia,serif}.v2-song-meta em{color:var(--green);justify-content:space-between;margin-top:auto;font-size:.64rem;font-style:normal;font-weight:800;display:flex}.v2-footer{background:var(--coral);justify-content:space-between;align-items:center;min-height:160px;padding:35px clamp(24px,7vw,110px);display:flex}.v2-footer p{margin:0;font:500 1.05rem/1 Georgia,serif}.v2-footer>button{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:.7rem;font-weight:800}.v2-floating-notes{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.v2-floating-notes span{color:var(--coral);text-shadow:3px 3px #ffbc4b80;font-family:Georgia,serif;animation:3.2s cubic-bezier(.2,.55,.35,1) forwards v2-float-note;position:absolute;right:-60px}@keyframes v2-float-note{0%{opacity:0;transform:translateY(20px)rotate(12deg)scale(.75)}12%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translate(calc(-100vw - 100px),-75px)rotate(-16deg)scale(1.1)}}@keyframes v2-rhythm-scan{0%{left:0}to{left:100%}}@keyframes v2-tap-arrive{0%{opacity:0;transform:translate(-50%)scale(1.8)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes v2-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}@media (width<=900px){.v2-hero__aside{display:none}.v2-hero__scene{top:365px}.v2-song-grid,.v2-field-notes__grid{grid-template-columns:repeat(2,1fr)}.v2-playground__interactive{--v2-activity-nav:0px;--v2-activity-gap:0px;--v2-full-white-key-width:calc(min(780px, calc(100vw - 48px)) / 52);grid-template-columns:minmax(0,1fr);gap:32px;width:min(780px,100% - 48px)}.v2-mode-switch{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:0}.v2-mode-switch button{grid-template-columns:auto 1fr;min-height:58px}}@media (width<=820px){.v2-rhythm-coach{width:100%;top:calc(100% + 18px);left:0}.v2-playground__panel{min-height:230px}.v2-playground__panel.is-rhythm,.v2-playground__panel.is-notes{min-height:390px}.v2-rhythm-coach>p{max-width:360px}.v2-rhythm-history{grid-template-columns:minmax(0,1fr) minmax(250px,34vw);padding:0 24px;top:740px}.v2-rhythm-history__notes{padding-right:20px}.v2-rhythm-history__details{padding-left:22px}.v2-rhythm-glyph{width:42px;height:52px}}@media (width<=640px){.v2-nav{grid-template-columns:1fr auto;height:72px;padding:0 18px}.v2-nav nav{display:none}.v2-nav-cta{min-height:38px;padding:0 13px;font-size:.66rem}.v2-hero{min-height:820px;padding-top:72px}.v2-hero__friend{width:min(92vw,380px);max-width:none}.v2-hero__scene{top:390px}.v2-playground{padding-top:120px}.v2-field-notes{padding:90px 16px 105px}.v2-field-notes__heading{grid-template-columns:1fr;gap:25px}.v2-field-notes__grid{grid-template-columns:1fr}.v2-field-note-card{min-height:170px}.v2-playground__interactive{--v2-full-white-key-width:calc((100vw - 32px) / 52);gap:28px;width:calc(100% - 32px);margin:78px auto 110px}.v2-mode-switch{grid-template-columns:1fr}.v2-mode-switch button{min-height:48px;padding:0 13px}.v2-playground__panel{min-height:230px}.v2-playground__panel.is-rhythm,.v2-playground__panel.is-notes{min-height:380px}.v2-sound-prompt{height:192px;padding:23px 22px}.v2-sound-prompt>i{font-size:3.7rem}.v2-piano-top{height:5px}.v2-piano{height:124px}.v2-note-memory{height:192px}.v2-note-memory__header{height:25px;padding-top:6px}.v2-piano-demo>p{display:none}.v2-piano-demo.is-full .v2-piano-key span,.v2-piano-demo.is-full .v2-piano-key kbd{opacity:0}.v2-rhythm-history{grid-template-columns:minmax(0,1fr);min-height:340px;padding:0 18px;top:660px}.v2-rhythm-history__notes{padding:20px 0 16px}.v2-rhythm-history__grid{margin-right:-18px;padding-right:18px}.v2-rhythm-history__tile{width:108px;min-width:108px;min-height:116px}.v2-rhythm-history__details{border-top:1px solid #073b2e24;border-left:0;min-height:150px;padding:18px 0 20px}.v2-rhythm-check{height:192px;padding:12px 11px 10px}.v2-rhythm-check__header>div:first-child>strong{font-size:.68rem}.v2-rhythm-check__legend{display:none}.v2-rhythm-check__timeline{min-height:68px;padding-top:8px}.v2-rhythm-check__controls{grid-template-columns:minmax(90px,1fr) auto;gap:7px}.v2-rhythm-check__feedback{display:none}.v2-rhythm-check__actions button{min-height:28px;padding:0 8px;font-size:.43rem}.v2-songs{padding:78px 20px 90px}.v2-songs__heading{display:block}.v2-songs__heading>button{margin-top:25px}.v2-song-grid{grid-template-columns:1fr}.v2-song-art{height:190px}.v2-song-meta{min-height:130px}.v2-footer{flex-wrap:wrap;gap:20px;padding:32px 20px}.v2-footer p{order:3;width:100%}}.v2-note-memory{height:192px}.v2-rhythm-history{z-index:3;width:300px;height:auto;min-height:0;color:var(--ink);box-shadow:none;opacity:0;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;transition:opacity .35s,transform .5s;display:block;position:absolute;top:18px;left:calc(100% + 34px);transform:translate(14px)}.v2-rhythm-history.has-notes{opacity:1;pointer-events:auto;transform:translate(0)}.v2-rhythm-history>span{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:.5rem;font-weight:900;display:block}.v2-rhythm-history__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.v2-rhythm-history__grid>p{color:#073b2e73;grid-column:1/-1;margin:0;font-size:.62rem}.v2-rhythm-history__timeline{min-width:0;padding:8px 16px 4px;position:relative}.v2-rhythm-history__timeline>span{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:.4rem;font-weight:900;display:block}.v2-rhythm-history__bar{background:#073b2e1a;border-radius:999px;height:5px;margin-top:7px;position:relative;overflow:hidden}.v2-rhythm-history__bar i{border-radius:inherit;background:linear-gradient(90deg, var(--yellow), var(--coral));transform:scaleX(var(--meter-progress,0));transform-origin:0;position:absolute;inset:0}.v2-rhythm-history__bar.is-holding i{animation:2s linear forwards v2-note-duration-meter}.v2-rhythm-history__bar b{z-index:1;background:#073b2e52;width:1px;position:absolute;top:0;bottom:0}.v2-rhythm-history__bar b:first-child{left:25%}.v2-rhythm-history__bar b:nth-child(2){left:50%}.v2-rhythm-history__bar b:nth-child(3){left:75%}.v2-rhythm-history__timeline>.v2-note-meter__labels{margin-top:1px;font-size:.3rem}.v2-rhythm-history__markers{height:43px;margin-top:-2px;position:relative}.v2-rhythm-history__markers>p{color:#073b2e6b;text-align:center;width:100%;margin:0;font-size:.38rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.v2-rhythm-history__tile{width:auto;min-width:0;height:auto;min-height:92px;color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:7px 3px 5px;display:flex;position:relative;top:auto;left:auto;transform:none}.v2-rhythm-history__tile:hover{background:0 0;border-color:#0000;transform:translateY(-1px)}.v2-rhythm-history__tile.is-selected{box-shadow:none;background:0 0;border-color:#0000}.v2-rhythm-history__tile strong{color:#073b2ec2;text-align:center;white-space:normal;justify-content:center;align-items:center;width:100%;min-height:2.2em;margin-top:4px;font-size:.42rem;line-height:1.15;display:flex}.v2-rhythm-history__tile.is-selected strong{color:var(--coral)}.v2-rhythm-history__tile:focus-visible{outline:none}.v2-rhythm-history__tile:focus-visible strong{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.v2-rhythm-glyph,.v2-rhythm-glyph svg{width:44px;height:54px;overflow:visible}.v2-rhythm-history__details{border-top:1px solid #073b2e24;border-left:0;min-width:0;height:auto;margin-top:12px;padding:14px 0 4px;display:block}.v2-rhythm-history__details-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.v2-rhythm-history__details-heading strong{font:500 .92rem/1 Georgia,serif;display:block}.v2-rhythm-history__details-heading span{white-space:nowrap;margin-top:0;font-size:.52rem;display:block}.v2-rhythm-history__hold{margin-bottom:8px}.v2-rhythm-history__hold span,.v2-rhythm-history__prompt span{font-size:.45rem}.v2-rhythm-history__hold strong{margin-top:2px;font-size:.6rem;line-height:1.25}.v2-rhythm-history__prompt{max-width:none;font-size:.43rem;line-height:1.35}.v2-rhythm-history__dot-note{margin-top:9px;font-size:.52rem}@media (width<=820px){.v2-rhythm-history{width:100%;top:calc(100% + 28px);left:0;transform:translateY(10px)}.v2-rhythm-history.has-notes{transform:translateY(0)}}@media (width<=640px){.v2-rhythm-coach{top:calc(100% + 16px)}.v2-rhythm-coach>strong{font-size:1.1rem}.v2-rhythm-coach>p{max-width:280px}.v2-note-memory{height:192px}.v2-rhythm-history{min-height:0;padding:0;top:calc(100% + 24px)}.v2-rhythm-history__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v2-rhythm-history__timeline{padding-left:8px;padding-right:8px}.v2-rhythm-history__tile{width:auto;height:auto;min-height:80px}.v2-rhythm-glyph,.v2-rhythm-glyph svg{width:38px;height:48px}.v2-rhythm-history__details{border-top:1px solid #073b2e24;border-left:0;height:auto;min-height:0;padding:12px 0 4px}}@media (prefers-reduced-motion:reduce){.v2-page{scroll-behavior:auto}.v2-mode-switch button{transition:none}.v2-rhythm-check.is-playing .v2-rhythm-check__playhead,.v2-scroll-cue i{animation:none}.v2-note-meter__track i{transition:none}}.v2-features{--v2-showcase-background:none;z-index:5;isolation:isolate;color:var(--cream);background:#052c23;padding:112px clamp(24px,7vw,110px);transition:background-color .5s;position:relative;overflow:hidden}.v2-showcase-backdrop{z-index:-2;background-image:var(--v2-showcase-background);filter:blur(32px)saturate(.82);opacity:0;background-position:50%;background-size:cover;transition:opacity .6s;position:absolute;inset:-45px;transform:scale(1.08)}.v2-showcase-backdrop:after{content:"";background:linear-gradient(#021c1680,#021c16c2),radial-gradient(circle at 50% 42%,#0000,#021c165c);position:absolute;inset:0}.v2-features.is-background-view .v2-showcase-backdrop{opacity:1}.v2-features__heading{z-index:2;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:70px;max-width:1160px;margin:0 auto 32px;display:grid;position:relative}.v2-features__heading>div>span{color:var(--yellow);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:800}.v2-features__heading h2{letter-spacing:-.06em;max-width:780px;margin:13px 0 0;font:500 clamp(2.8rem,4.8vw,4.9rem)/.96 Georgia,serif}.v2-features__heading p{color:#fff9efab;max-width:390px;margin:0 0 6px;font-size:.82rem;line-height:1.7}.v2-showcase-controls{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#021813b8;border:1px solid #fff9ef26;border-radius:999px;gap:5px;width:max-content;max-width:100%;min-height:52px;margin:0 auto 32px;padding:5px;display:flex;position:relative;box-shadow:0 15px 38px #0003}.v2-background-view-toggle,.v2-showcase-upload{color:#fff9efa8;cursor:pointer;border-radius:999px;align-items:center;min-height:42px;padding:0 15px;display:flex}.v2-background-view-toggle{background:0 0;border:0;gap:9px}.v2-background-view-toggle>span{background:#fff9ef33;border-radius:99px;flex:none;width:31px;height:18px;transition:background .18s;position:relative}.v2-background-view-toggle>span i{background:var(--cream);border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:3px;left:3px}.v2-background-view-toggle strong,.v2-showcase-upload strong{white-space:nowrap;font-size:.64rem;font-weight:800}.v2-background-view-toggle.is-active{color:var(--ink);background:var(--cream)}.v2-background-view-toggle.is-active>span{background:var(--green)}.v2-background-view-toggle.is-active>span i{transform:translate(13px)}.v2-showcase-upload{border:1px dashed #fff9ef3d;grid-template-rows:1fr 1fr;grid-template-columns:23px auto;column-gap:7px;padding-right:18px;display:grid}.v2-showcase-upload input{opacity:0;width:1px;height:1px;position:absolute}.v2-showcase-upload>span{color:var(--yellow);text-align:center;grid-row:1/3;font-size:1.25rem;font-weight:300}.v2-showcase-upload strong{align-self:end}.v2-showcase-upload small{color:#fff9ef66;text-overflow:ellipsis;white-space:nowrap;align-self:start;max-width:145px;font-size:.43rem;overflow:hidden}.v2-background-view-toggle:focus-visible,.v2-showcase-upload:focus-within,.v2-showcase-cta:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.v2-browser-stack{z-index:2;width:min(1080px,100%);height:clamp(390px,39vw,500px);margin:0 auto;position:relative}.v2-showcase-browser{transform-origin:50%;will-change:transform;background:#061d18;border:1px solid #fff9ef33;border-radius:16px;transition:border-color .42s,box-shadow .48s,filter .48s,opacity .48s,transform .52s cubic-bezier(.16,.76,.18,1);position:absolute;top:50%;overflow:hidden;box-shadow:0 32px 75px #00000057}.v2-showcase-browser:focus{outline:none}.v2-showcase-browser:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}.v2-showcase-browser--practice{z-index:1;width:39%;left:0;transform:translateY(-44%)rotate(-3.2deg)}.v2-showcase-browser--falling{z-index:3;border-color:#ffbc4b61;width:50%;left:50%;transform:translate(-50%,-50%)scale(1.025)}.v2-showcase-browser--sheet{z-index:2;width:39%;right:0;transform:translateY(-44%)rotate(3.2deg)}.v2-showcase-browser--practice:hover,.v2-showcase-browser--practice:focus-visible{z-index:12;border-color:#62e6d3b3;transform:translate(8%,-50%)rotate(0)scale(1.1);box-shadow:0 42px 100px #00000085}.v2-showcase-browser--sheet:hover,.v2-showcase-browser--sheet:focus-visible{z-index:12;border-color:#62e6d3b3;transform:translate(-8%,-50%)rotate(0)scale(1.1);box-shadow:0 42px 100px #00000085}:is(.v2-browser-stack:has(.v2-showcase-browser--practice:hover) .v2-showcase-browser:not(:hover),.v2-browser-stack:has(.v2-showcase-browser--sheet:hover) .v2-showcase-browser:not(:hover)){filter:brightness(.78)saturate(.82);opacity:1}.v2-features.is-background-view .v2-showcase-browser{border-color:#fff9ef57;box-shadow:0 36px 90px #00000070}.v2-showcase-browser__bar{color:#fff9ef7a;background:#031d17;border-bottom:1px solid #fff9ef17;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;height:39px;padding:0 13px;font-size:.45rem;display:grid}.v2-showcase-browser__bar>span{gap:4px;display:flex}.v2-showcase-browser__bar i{background:var(--coral);border-radius:50%;width:6px;height:6px}.v2-showcase-browser__bar i:nth-child(2){background:var(--yellow)}.v2-showcase-browser__bar i:nth-child(3){background:var(--green-bright)}.v2-showcase-browser__bar small{text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#fff9ef0f;border-radius:99px;min-width:100px;padding:5px 11px;overflow:hidden}.v2-showcase-browser__bar strong{color:var(--cream);letter-spacing:.03em;justify-self:end;font-size:.47rem}.v2-showcase-browser__stage{aspect-ratio:16/10;background:radial-gradient(circle at 68% 24%,#37b09e47,#0000 30%),linear-gradient(145deg,#071b2e,#0b453d 65%,#071d19);transition:background-image .5s;position:relative;overflow:hidden}.v2-showcase-browser__stage:after{z-index:0;content:"";opacity:0;background:linear-gradient(#0214112b,#0214118c);transition:opacity .5s;position:absolute;inset:0}.v2-features.is-background-view .v2-showcase-browser__stage{background-image:var(--v2-showcase-background);background-position:50%;background-size:cover}.v2-features.is-background-view .v2-showcase-browser__stage:after{opacity:1}.v2-showcase-mini-brand{z-index:8;color:var(--cream);align-items:center;gap:5px;display:flex;position:absolute;top:5.5%;left:4.5%}.v2-showcase-mini-brand>span{background:var(--green);border-radius:50% 50% 48% 20%;place-items:center;width:clamp(17px,2.1vw,24px);height:clamp(17px,2.1vw,24px);font:800 clamp(.55rem,.9vw,.8rem)/1 Georgia,serif;display:grid}.v2-showcase-mini-brand strong{letter-spacing:-.03em;font-size:clamp(.43rem,.72vw,.65rem)}.v2-showcase-mini-transport{z-index:8;color:#fff9ef9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02120ecc;border:1px solid #fff9ef29;border-radius:11px;grid-template-columns:clamp(20px,2.7vw,30px) minmax(0,1fr) auto;align-items:center;gap:6px;width:55%;min-height:clamp(25px,3.2vw,36px);padding:3px 7px 3px 3px;display:grid;position:absolute;top:4%;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000004d}.v2-showcase-mini-transport>span{height:100%;min-height:20px;color:var(--cream);background:var(--coral);border-radius:8px;place-items:center;font-size:clamp(.42rem,.66vw,.62rem);display:grid}.v2-showcase-mini-transport>div{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:4px;min-width:0;display:grid}.v2-showcase-mini-transport strong,.v2-showcase-mini-transport em,.v2-showcase-mini-transport small{white-space:nowrap;font-size:clamp(.31rem,.52vw,.48rem);font-style:normal}.v2-showcase-mini-transport strong{color:var(--cream)}.v2-showcase-mini-transport em{text-overflow:ellipsis;min-width:0;overflow:hidden}.v2-showcase-mini-transport i{background:linear-gradient(90deg, var(--cream) 0 18%, #fff9ef24 18%);border-radius:99px;grid-column:1/-1;height:3px;margin-top:4px;display:block}.v2-showcase-mini-transport small{color:#fff9ef7a;font-variant-numeric:tabular-nums}.v2-showcase-browser__caption{min-height:52px;color:var(--cream);background:#031d17;justify-content:space-between;align-items:center;gap:12px;padding:0 17px;display:flex}.v2-showcase-browser__caption strong{font:500 .82rem/1 Georgia,serif}.v2-showcase-browser__caption span{color:#fff9ef6b;text-align:right;font-size:.46rem}.v2-showcase-practice{z-index:2;padding:10% 8%;position:absolute;inset:0}.v2-showcase-practice header,.v2-showcase-practice footer{color:var(--cream);justify-content:space-between;align-items:center;font-size:.48rem;display:flex}.v2-showcase-practice header span{color:var(--yellow);letter-spacing:.09em;text-transform:uppercase;font-weight:850}.v2-showcase-practice header strong{font:500 .65rem/1 Georgia,serif}.v2-showcase-practice__lane{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02141187;border:1px solid #fff9ef2e;border-radius:10px;position:absolute;inset:27% 7% 25%;overflow:hidden}.v2-showcase-practice__lane>i{border-bottom:1px solid #fff9ef1c;height:20%;display:block}.v2-showcase-practice__lane>b{top:calc((var(--lane-row) - 1) * 20% + 8%);left:calc(var(--lane-x) * 1%);width:calc(var(--lane-width) * 1%);background:var(--coral);border-radius:99px;height:12%;position:absolute;box-shadow:0 0 13px #ff594861}.v2-showcase-practice__lane>b:nth-of-type(2n){background:var(--green-bright);box-shadow:0 0 13px #08a98f61}.v2-showcase-practice__lane>em{z-index:3;background:var(--yellow);width:2px;animation:5s ease-in-out infinite v2-showcase-scan;position:absolute;top:0;bottom:0;left:9%;box-shadow:0 0 12px #ffbc4ba6}.v2-showcase-practice footer{color:#fff9ef8c;justify-content:flex-end;gap:12px;position:absolute;bottom:9%;right:8%}.v2-showcase-practice footer strong{color:var(--cream)}.v2-showcase-lane{z-index:3;color:var(--ink);background:#fffdf6f7;border:1px solid #073b2e2e;border-radius:9px;position:absolute;inset:20% 4% 29%;overflow:hidden;box-shadow:0 16px 38px #0000003d}.v2-features.is-background-view .v2-showcase-lane{color:var(--cream);box-shadow:none;background:#02120e33;border-color:#fff9ef38}.v2-showcase-lane__score{z-index:2;position:absolute;inset:1% 2% 10%}.v2-showcase-lane__score svg{display:block;width:100%!important;height:100%!important}.v2-showcase-lane__score svg *{fill:var(--ink)!important;stroke:var(--ink)!important}.v2-features.is-background-view .v2-showcase-lane__score svg *{fill:#fff!important;stroke:#fff!important}.v2-showcase-lane__playhead{z-index:4;background:#62e6d3;width:2px;animation:4.8s ease-in-out infinite v2-showcase-lane-playhead;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 13px #62e6d3b3}.v2-showcase-lane__playhead i{color:#62e6d3;letter-spacing:.1em;text-transform:uppercase;background:#073b2e;border-radius:99px;padding:4px 6px;font-size:.34rem;font-style:normal;font-weight:900;position:absolute;top:-1px;left:50%;transform:translate(-50%,-50%)}.v2-showcase-lane footer{z-index:4;color:#073b2e8f;justify-content:space-between;font-size:.37rem;display:flex;position:absolute;bottom:2%;left:2%;right:2%}.v2-showcase-lane footer strong{color:var(--green)}.v2-features.is-background-view .v2-showcase-lane footer{color:#fff9ef94}.v2-features.is-background-view .v2-showcase-lane footer strong{color:#62e6d3}.v2-showcase-falling{z-index:2;background-image:linear-gradient(90deg,#fff9ef1b 1px,#0000 1px);background-size:5.55556% 100%;position:absolute;inset:0;overflow:hidden}.v2-showcase-falling:after{content:"";background:#fff9efdb;height:2px;position:absolute;bottom:28%;left:0;right:0;box-shadow:0 0 16px #fff9ef8c}.v2-showcase-falling>span{top:-80px;left:calc(var(--note-x) * 1%);width:clamp(8px,1.15vw,14px);height:calc(var(--note-height) * 1px);animation:4.8s linear infinite v2-showcase-fall;animation-delay:calc(var(--note-delay) * 1s);border:1px solid #ffffff61;border-radius:5px;position:absolute}.v2-showcase-falling>span.is-pink{background:linear-gradient(#ff278a,#fb1378);box-shadow:0 0 16px #fb137866}.v2-showcase-falling>span.is-lime{background:linear-gradient(#a8ff86,#8ef971);box-shadow:0 0 16px #8ef9716b}.v2-showcase-keyboard{z-index:4;border-top:3px solid var(--coral);background:var(--ink);grid-template-columns:repeat(52,1fr);height:28%;display:grid;position:absolute;bottom:0;left:0;right:0}.v2-showcase-keyboard>i{background:var(--cream);border-right:1px solid #073b2e47;border-radius:0 0 2px 2px;min-width:0;position:relative}.v2-showcase-keyboard>i.is-playing{background:linear-gradient(#fff7d2,#ffc454);box-shadow:0 -8px 18px #ffc45473}.v2-showcase-keyboard>i span{color:#091a16;text-align:center;font:500 clamp(.2rem,.36vw,.34rem)/1 Georgia,serif;position:absolute;bottom:4px;left:0;right:0}.v2-showcase-keyboard>i kbd{z-index:4;width:clamp(7px,.9vw,11px);height:clamp(7px,.9vw,11px);color:var(--cream);background:var(--ink);border-radius:3px;place-items:center;font:850 clamp(.18rem,.3vw,.27rem)/1 Avenir Next,sans-serif;display:grid;position:absolute;bottom:23%;left:50%;transform:translate(-50%)}.v2-showcase-keyboard>b{background:#031611;border-radius:0 0 2px 2px;width:1.1655%;height:62%;position:absolute;top:0;transform:translate(-50%);box-shadow:0 3px 4px #0000006b}.v2-showcase-keyboard>b.is-playing{background:linear-gradient(#ffe891,#e9a900);box-shadow:0 0 10px #ffc72d9e}.v2-showcase-score{z-index:2;color:var(--ink);background:#fffdf6f5;border-radius:7px;transition:background-color .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s;position:absolute;inset:20% 4% 31%;overflow:hidden;box-shadow:0 16px 38px #00000040}.v2-features.is-background-view .v2-showcase-score{-webkit-backdrop-filter:none;backdrop-filter:none;background:#02120e2e;border:1px solid #fff9ef38}.v2-showcase-score header{z-index:2;justify-items:center;display:grid;position:absolute;top:5%;left:0;right:0}.v2-showcase-score header strong{font:500 clamp(.75rem,1.6vw,1.2rem)/1 Georgia,serif}.v2-showcase-score header span{color:#073b2e8c;margin-top:4px;font:italic .4rem/1 Georgia,serif}.v2-showcase-score__notes{z-index:2;position:absolute;inset:20% 4% 1%}.v2-showcase-score__notes svg{display:block;width:100%!important;height:100%!important}.v2-features.is-background-view .v2-showcase-score header,.v2-features.is-background-view .v2-showcase-score header span{color:var(--cream)}.v2-features.is-background-view .v2-showcase-score__notes svg *{fill:#fff!important;stroke:#fff!important}.v2-showcase-score__highlight{z-index:1;background:#ffbc4b40;border-radius:4px;width:18%;animation:4.4s ease-in-out infinite v2-showcase-score-highlight;position:absolute;top:32%;bottom:20%;left:31%}.v2-showcase-score__progress{background:#073b2e1f;border-radius:99px;height:3px;position:absolute;bottom:7%;left:8%;right:8%;overflow:hidden}.v2-showcase-score__progress i{border-radius:inherit;background:var(--green);width:58%;height:100%;display:block}.v2-showcase-cta{z-index:5;min-width:175px;min-height:46px;color:var(--ink);background:var(--yellow);cursor:pointer;border:0;border-radius:999px;margin:35px auto 0;font-size:.69rem;font-weight:850;transition:transform .18s,background-color .18s;display:block;position:relative;box-shadow:0 14px 30px #0000002e}.v2-showcase-cta:hover{background:var(--cream);transform:translateY(-2px)}.v2-showcase-cta span{margin-left:8px}@keyframes v2-showcase-fall{0%{transform:translateY(-80px)}to{transform:translateY(410px)}}@keyframes v2-showcase-scan{0%,to{left:9%}50%{left:88%}}@keyframes v2-showcase-score-highlight{0%,to{left:18%}50%{left:69%}}@keyframes v2-showcase-lane-playhead{0%,to{left:26%}50%{left:72%}}@media (width<=900px){.v2-features__heading{grid-template-columns:1fr;gap:24px}.v2-features__heading p{max-width:560px}.v2-browser-stack{height:clamp(420px,53vw,500px)}.v2-showcase-browser--practice,.v2-showcase-browser--sheet{width:45%}.v2-showcase-browser--falling{width:58%}}@media (width<=700px){.v2-features{padding:84px 16px 92px}.v2-features__heading{margin-bottom:30px}.v2-features__heading p{font-size:.74rem}.v2-showcase-controls{border-radius:16px;width:100%}.v2-background-view-toggle,.v2-showcase-upload{border-radius:12px;flex:50%;min-width:0}.v2-showcase-upload{grid-template-columns:20px minmax(0,1fr);padding-right:10px}.v2-showcase-upload strong{text-overflow:ellipsis;overflow:hidden}.v2-browser-stack{gap:18px;height:auto;display:grid}.v2-showcase-browser,.v2-showcase-browser--falling,.v2-showcase-browser--practice,.v2-showcase-browser--sheet,.v2-showcase-browser--practice:hover,.v2-showcase-browser--practice:focus-visible,.v2-showcase-browser--sheet:hover,.v2-showcase-browser--sheet:focus-visible{width:100%;position:relative;top:auto;left:auto;right:auto;transform:none}:is(.v2-browser-stack:has(.v2-showcase-browser--practice:hover) .v2-showcase-browser:not(:hover),.v2-browser-stack:has(.v2-showcase-browser--sheet:hover) .v2-showcase-browser:not(:hover)){filter:none;opacity:1}.v2-showcase-browser--falling{grid-row:1}.v2-showcase-browser--practice{grid-row:2}.v2-showcase-browser--sheet{grid-row:3}.v2-showcase-browser__bar{height:36px}.v2-showcase-browser__caption{min-height:58px}.v2-showcase-browser__stage{aspect-ratio:16/9.5}.v2-showcase-cta{margin-top:28px}}@media (prefers-reduced-motion:reduce){.v2-showcase-falling>span,.v2-showcase-practice__lane>em,.v2-showcase-score__highlight,.v2-showcase-lane__playhead{animation-play-state:paused}}.v3-page{--v3-paper:#e9e3d7;--v3-paper-light:#f7f3e9;--v3-ink:#102a23;--v3-muted:#5f655e;--v3-rule:#b6b1a4;--v3-blue:#b44835;--v3-blue-dark:#7f3126;--v3-yellow:#d5c49d;--v3-background:none;min-height:100vh;color:var(--v3-ink);background:var(--v3-paper);font-family:Avenir Next,Avenir,Segoe UI,sans-serif;overflow:clip}.v3-page *,.v3-page :before,.v3-page :after{box-sizing:border-box}.v3-page button,.v3-page input{font:inherit}.v3-page a{color:inherit;text-decoration:none}.v3-page button,.v3-page a,.v3-page label{-webkit-tap-highlight-color:transparent}.v3-page :focus-visible{outline-offset:4px;outline:3px solid #2c6e91}.v3-nav{z-index:20;border-bottom:1px solid var(--v3-ink);background:var(--v3-paper-light);grid-template-columns:1fr auto 1fr;align-items:center;gap:34px;min-height:68px;padding:0 clamp(20px,4vw,62px);display:grid;position:relative}.v3-brand{letter-spacing:-.04em;align-items:center;gap:10px;width:max-content;font-size:1rem;font-weight:850;display:inline-flex}.v3-brand__mark{color:#fff;background:var(--v3-blue);place-items:center;width:28px;height:28px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:900;display:grid}.v3-brand small{color:var(--v3-muted);border-left:1px solid var(--v3-rule);letter-spacing:.02em;padding-left:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.5rem;font-weight:600}.v3-nav nav{align-items:center;gap:clamp(22px,3vw,42px);height:100%;display:flex}.v3-nav nav a{color:#42463f;border-bottom:4px solid #0000;align-items:center;height:100%;font-size:.68rem;font-weight:750;display:flex}.v3-nav nav a:hover,.v3-nav nav a:focus-visible{color:var(--v3-blue-dark);border-bottom-color:var(--v3-blue)}.v3-nav__cta,.v3-button{border:2px solid var(--v3-ink);border-radius:0;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:.7rem;font-weight:850;transition:color .15s,background .15s,transform .15s,box-shadow .15s;display:inline-flex}.v3-nav__cta{border-color:var(--v3-ink);background:var(--v3-ink);justify-self:end;color:#fff!important}.v3-nav__cta:hover,.v3-button:hover{box-shadow:4px 4px 0 var(--v3-ink);transform:translate(-2px,-2px)}.v3-hero{border-bottom:1px solid var(--v3-ink);background:var(--v3-paper);grid-template-columns:minmax(290px,.52fr) minmax(740px,1.48fr);align-items:center;gap:clamp(28px,3.5vw,54px);min-height:calc(100svh - 68px);padding:clamp(52px,6vw,90px) 0 clamp(60px,7vw,100px) clamp(22px,4vw,62px);display:grid;position:relative;overflow:hidden}.v3-overline{color:var(--v3-blue-dark);letter-spacing:.025em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem;font-weight:800;display:block}.v3-page .v3-hero h1{max-width:470px;color:var(--v3-ink);letter-spacing:-.05em;text-align:left;margin:18px 0 22px;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:clamp(3.2rem,5vw,5.2rem);font-weight:600;line-height:.96}.v3-hero__copy>p{color:#484c44;max-width:500px;margin:0;font-size:clamp(.9rem,1.12vw,1.02rem);line-height:1.65}.v3-hero__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;display:flex}.v3-button--primary{border-color:var(--v3-blue-dark);background:var(--v3-blue);color:#fff!important}.v3-button--secondary{background:0 0;color:var(--v3-ink)!important}.v3-button--primary:hover{box-shadow:4px 4px 0 var(--v3-blue-dark)}.v3-button--secondary:hover{background:var(--v3-ink);color:#fff!important}.v3-hero__facts{border-top:1px solid var(--v3-rule);flex-wrap:wrap;gap:10px 22px;margin:38px 0 0;padding:14px 0 0;list-style:none;display:flex}.v3-hero__facts li{color:#3f433c;padding-left:15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.55rem;font-weight:700;position:relative}.v3-hero__facts li:before{content:"";background:var(--v3-blue);width:7px;height:7px;position:absolute;top:.33em;left:0}.v3-live-demo{perspective:1400px;perspective-origin:100%;grid-template-columns:158px clamp(740px,58vw,1180px);align-items:center;gap:0;min-width:0;display:grid;transform:translate(clamp(30px,4vw,64px))}.v3-live-demo__player{backface-visibility:hidden;transform-origin:100%;min-width:0;transform-style:preserve-3d;position:relative;transform:rotateY(-7deg)scale(1.035)}.v3-live-demo__heading{color:#f3eee4;border:1px solid var(--v3-ink);background:var(--v3-ink);border-bottom:0;border-radius:5px 5px 0 0;grid-template-columns:1fr minmax(150px,240px) 1fr;align-items:center;gap:12px;min-height:44px;padding:0 14px;display:grid}.v3-browser-dots{align-items:center;gap:6px;display:flex}.v3-browser-dots i{background:#c6553d;border-radius:50%;width:8px;height:8px;display:block}.v3-browser-dots i:nth-child(2){background:#d5aa55}.v3-browser-dots i:nth-child(3){background:#3c9a82}.v3-browser-address{color:#89958f;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#f7f3e90e;border:1px solid #f7f3e90f;border-radius:999px;justify-self:stretch;min-width:0;padding:7px 16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.45rem;font-weight:600;overflow:hidden}.v3-browser-spacer{min-width:1px}.v3-live-demo__screen{aspect-ratio:16/10.1;border:1px solid var(--v3-ink);box-shadow:14px 14px 0 var(--v3-blue);background:#102820;position:relative;overflow:hidden}.v3-live-demo__screen:before,.v3-live-demo__screen:after{content:"";opacity:0;transition:opacity .26s;position:absolute;inset:0}.v3-live-demo__screen:before{z-index:0;background-image:var(--v3-background);background-position:50%;background-size:cover}.v3-live-demo__screen:after{z-index:0;background:#05120f6b}.v3-live-demo__screen.is-background-view:before,.v3-live-demo__screen.is-background-view:after{opacity:1}.v3-live-demo__screen.is-background-view .player-preview__practice,.v3-live-demo__screen.is-background-view .player-preview__sheet{box-shadow:none;background:#06131042;border:1px solid #ffffff4d}.v3-live-demo__screen.is-background-view .player-preview__practice svg *,.v3-live-demo__screen.is-background-view .player-preview__sheet svg *{fill:#fff!important;stroke:#fff!important}.v3-live-demo__screen.is-background-view .player-preview__practice footer{color:#ffffffad}.v3-live-demo__screen.is-background-view .player-preview__practice footer strong{color:#d4efb1}.v3-live-demo__screen.is-background-view .player-preview__sheet .sheet-music-paper,.v3-live-demo__screen.is-background-view .player-preview__sheet .sheet-music-paper header{color:#fff;background:0 0}.v3-mode-picker{z-index:2;border:1px solid var(--v3-blue-dark);background:var(--v3-paper-light);box-shadow:5px 5px 0 var(--v3-blue);position:relative;transform:translate(38px)}.v3-mode-picker__intro{color:#fff;background:var(--v3-blue);align-content:center;gap:3px;min-height:58px;padding:10px 12px;display:grid}.v3-mode-picker__intro strong{font-size:.7rem}.v3-mode-picker__intro span{color:#f0d8d1;font-size:.52rem}.v3-mode-picker__intro span:before{content:"→";margin-right:7px}.v3-mode-picker__options{grid-template-columns:1fr;display:grid}.v3-mode-picker__options button{min-width:0;min-height:68px;color:var(--v3-ink);border:0;border-top:1px solid var(--v3-rule);background:var(--v3-paper-light);cursor:pointer;text-align:left;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:8px;padding:10px 11px;display:grid}.v3-mode-picker__options button+button{border-left:0}.v3-mode-picker__options button:hover{background:#eee1dc}.v3-mode-picker__options button.is-active{color:#fff;background:var(--v3-ink)}.v3-mode-picker__number{color:#696d65;align-self:start;padding-top:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.48rem}.v3-mode-picker__options button.is-active .v3-mode-picker__number{color:#d8b5aa}.v3-mode-picker__options button>span:nth-child(2){gap:3px;min-width:0;display:grid}.v3-mode-picker__options button strong{text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;overflow:hidden}.v3-mode-picker__options button small{color:#6b6f67;text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;overflow:hidden}.v3-mode-picker__options button.is-active small{color:#c9d1cc}.v3-mode-picker__status{display:none}.v3-mode-picker__options button.is-active .v3-mode-picker__status{color:#e4b7a9}.v3-views{background:var(--v3-paper-light);padding:clamp(90px,10vw,150px) clamp(24px,7vw,108px)}.v3-section-heading{grid-template-columns:70px minmax(0,850px);gap:30px;max-width:1200px;margin:0 auto 70px;display:grid}.v3-section-index{color:#fff;background:var(--v3-blue);place-items:center;width:48px;height:48px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.64rem;font-weight:800;display:grid}.v3-page .v3-section-heading h2,.v3-page .v3-process h2,.v3-page .v3-final-cta h2{color:var(--v3-ink);letter-spacing:-.045em;text-align:left;margin:15px 0 0;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:clamp(2.6rem,4.5vw,4.8rem);font-weight:600;line-height:.98}.v3-view-table{border-top:2px solid var(--v3-ink);max-width:1200px;margin:0 auto}.v3-view-table__labels{color:#6a6d65;border-bottom:1px solid var(--v3-rule);text-transform:uppercase;grid-template-columns:310px 1fr 210px;align-items:center;min-height:38px;padding-left:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.49rem;font-weight:800;display:grid}.v3-view-row{border-bottom:1px solid var(--v3-rule);grid-template-columns:170px 140px minmax(250px,1fr) 210px;align-items:center;gap:0;min-height:176px;padding:24px 0;display:grid}.v3-view-row__name{align-content:space-between;align-self:stretch;padding-right:20px;display:grid}.v3-view-row__name>span{color:var(--v3-blue-dark);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.55rem;font-weight:800}.v3-view-row__name>strong{font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:1.18rem;font-weight:600;line-height:1.05}.v3-view-row__diagram{border:2px solid var(--v3-ink);background:#102820;width:112px;height:88px;position:relative;overflow:hidden}.v3-view-row__diagram:after{content:"";background:repeating-linear-gradient(90deg,#fff 0 9px,#232723 9px 10px);border-top:3px solid #f56050;height:23px;position:absolute;bottom:0;left:0;right:0}.v3-view-row__diagram i{z-index:1;display:block;position:absolute}.v3-view-row__diagram.is-falling i{background:#b8ff5b;width:8px;top:8px}.v3-view-row__diagram.is-falling i:first-child{height:36px;left:15px}.v3-view-row__diagram.is-falling i:nth-child(2){background:#ff3c89;height:23px;top:24px;left:36px}.v3-view-row__diagram.is-falling i:nth-child(3){height:47px;left:58px}.v3-view-row__diagram.is-falling i:nth-child(4){background:#ff3c89;height:28px;top:18px;left:80px}.v3-view-row__diagram.is-falling i:nth-child(5){height:41px;top:12px;left:95px}.v3-view-row__diagram.is-practice,.v3-view-row__diagram.is-sheet{background:#fffdf7}.v3-view-row__diagram.is-practice:before,.v3-view-row__diagram.is-sheet:before{content:"";background:repeating-linear-gradient(to bottom, var(--v3-ink) 0 1px, transparent 1px 8px);opacity:.55;position:absolute;inset:12px 7px 31px}.v3-view-row__diagram.is-practice i,.v3-view-row__diagram.is-sheet i{background:var(--v3-ink);border-radius:50%;width:9px;height:9px;top:24px}.v3-view-row__diagram.is-practice i:first-child,.v3-view-row__diagram.is-sheet i:first-child{left:17px}.v3-view-row__diagram.is-practice i:nth-child(2),.v3-view-row__diagram.is-sheet i:nth-child(2){top:32px;left:38px}.v3-view-row__diagram.is-practice i:nth-child(3),.v3-view-row__diagram.is-sheet i:nth-child(3){top:16px;left:60px}.v3-view-row__diagram.is-practice i:nth-child(4),.v3-view-row__diagram.is-sheet i:nth-child(4){left:80px}.v3-view-row__diagram.is-practice i:nth-child(5),.v3-view-row__diagram.is-sheet i:nth-child(5){top:37px;left:94px}.v3-view-row__diagram.is-practice:after{background:var(--v3-blue);border:0;width:3px;height:auto;bottom:6px;left:50%;right:auto}.v3-view-row>p{max-width:470px;color:var(--v3-muted);margin:0;padding:0 34px;font-size:.76rem;line-height:1.6}.v3-view-row__use{font-size:.76rem;line-height:1.4}.v3-hero-background-tools{z-index:5;justify-content:flex-start;gap:8px;margin:0;display:flex;position:absolute;top:-60px;left:18px}.v3-hero-background-tools button,.v3-hero-background-tools label{min-width:0;min-height:46px;color:var(--v3-ink);border:1px solid var(--v3-rule);background:var(--v3-paper-light);cursor:pointer;align-items:center;gap:9px;padding:0 13px;font-size:.56rem;font-weight:800;display:flex}.v3-hero-background-tools button:hover,.v3-hero-background-tools label:hover{border-color:var(--v3-blue-dark);background:#eee1dc}.v3-hero-background-tools button>span{background:#d4d0c6;border:1px solid #777d76;flex:none;width:32px;height:18px;position:relative}.v3-hero-background-tools button>span i{background:var(--v3-paper-light);width:12px;height:12px;transition:transform .16s;position:absolute;top:2px;left:2px}.v3-hero-background-tools button.is-active>span{border-color:var(--v3-blue-dark);background:var(--v3-blue)}.v3-hero-background-tools button.is-active>span i{transform:translate(14px)}.v3-hero-background-tools label>span:first-of-type{color:var(--v3-blue-dark);font-size:1rem;font-weight:500}.v3-hero-background-tools label>span:last-child{gap:1px;min-width:0;display:grid}.v3-hero-background-tools label strong,.v3-hero-background-tools label small{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.v3-hero-background-tools label small{color:var(--v3-muted);font-size:.46rem;font-weight:500}.v3-hero-background-tools input{opacity:0;width:1px;height:1px;position:absolute}.v3-hero-background-tools label:has(input:focus-visible){outline-offset:3px;outline:3px solid #2c6e91}.v3-process{background:#d9cfb9;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:clamp(70px,10vw,160px);padding:clamp(90px,9vw,140px) clamp(24px,7vw,108px);display:grid}.v3-process header .v3-section-index{color:#fff;background:var(--v3-ink);margin-bottom:31px}.v3-process .v3-overline{color:#3a4316}.v3-page .v3-process h2{max-width:560px}.v3-process ol{border-top:2px solid var(--v3-ink);margin:0;padding:0;list-style:none}.v3-process li{border-bottom:1px solid #11130f6b;grid-template-columns:50px minmax(170px,.8fr) minmax(220px,1fr);align-items:start;gap:22px;min-height:148px;padding:28px 0;display:grid}.v3-process li>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.54rem;font-weight:850}.v3-process li>strong{font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:1.05rem;font-weight:600;line-height:1.25}.v3-process li>p{color:#3e441c;margin:0;font-size:.72rem;line-height:1.65}.v3-final-cta{color:#fff;background:var(--v3-ink);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:50px;min-height:420px;padding:clamp(80px,9vw,130px) clamp(24px,8vw,125px);display:grid}.v3-final-cta .v3-overline{color:#d8b5aa}.v3-page .v3-final-cta h2{color:#fff;max-width:800px}.v3-button--light{background:#fff;border-color:#fff;min-height:55px;color:var(--v3-ink)!important}.v3-button--light:hover{box-shadow:5px 5px 0 var(--v3-blue)}.v3-footer{color:#fff;background:var(--v3-ink);border-top:1px solid #454a44;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:98px;padding:0 clamp(20px,4vw,62px);display:grid}.v3-footer p,.v3-footer>span{color:#9fa59c;margin:0;font-size:.56rem}.v3-footer>span{justify-self:end;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media (width<=1180px){.v3-hero{grid-template-columns:minmax(290px,.6fr) minmax(560px,1.4fr);gap:42px}.v3-page .v3-hero h1{font-size:clamp(3.15rem,5vw,4.9rem)}.v3-mode-picker__status{display:none}.v3-view-row{grid-template-columns:150px 125px minmax(230px,1fr) 170px}.v3-view-table__labels{grid-template-columns:275px 1fr 170px}}@media (width<=900px){.v3-nav{grid-template-columns:1fr auto}.v3-nav nav{display:none}.v3-hero,.v3-process{grid-template-columns:1fr}.v3-hero__copy{max-width:680px}.v3-live-demo{grid-template-columns:145px minmax(0,1fr);width:min(820px,100% - 20px);transform:none}.v3-mode-picker{transform:translate(27px)}.v3-live-demo__player{transform:rotateY(-4deg)scale(1.015)}.v3-view-table__labels{display:none}.v3-view-row{grid-template-columns:150px 125px minmax(0,1fr)}.v3-view-row__use{color:var(--v3-blue-dark);grid-column:3;margin-top:10px}.v3-final-cta{grid-template-columns:1fr}.v3-final-cta .v3-button{width:max-content}}@media (width<=620px){.v3-nav{min-height:62px;padding:0 16px}.v3-brand small{display:none}.v3-nav__cta{min-height:38px;padding:0 11px;font-size:.61rem}.v3-hero{padding:62px 17px 70px}.v3-page .v3-hero h1{font-size:clamp(3rem,14.5vw,4.7rem)}.v3-hero__actions{flex-direction:column;align-items:stretch}.v3-hero__actions .v3-button{width:100%}.v3-mode-picker__intro{min-height:54px}.v3-live-demo{grid-template-columns:1fr;gap:18px;width:100%}.v3-mode-picker,.v3-live-demo__player{transform:none}.v3-mode-picker__options{grid-template-columns:repeat(3,1fr)}.v3-mode-picker__options button+button{border-left:1px solid var(--v3-rule)}.v3-mode-picker__options button{grid-template-columns:1fr;min-height:62px}.v3-mode-picker__status,.v3-mode-picker__options button small,.v3-mode-picker__number{display:none}.v3-hero-background-tools{flex-wrap:wrap;justify-content:stretch;margin-bottom:10px;margin-right:0;position:relative;top:auto;left:auto;transform:none}.v3-hero-background-tools button,.v3-hero-background-tools label{flex:150px}.v3-views,.v3-process,.v3-final-cta{padding-left:17px;padding-right:17px}.v3-section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:50px}.v3-page .v3-section-heading h2,.v3-page .v3-process h2,.v3-page .v3-final-cta h2{font-size:clamp(2.45rem,12vw,4rem)}.v3-view-row{grid-template-columns:100px minmax(0,1fr);gap:22px 14px;padding:25px 0}.v3-view-row__name{min-height:88px}.v3-view-row__diagram{width:112px;max-width:100%}.v3-view-row>p,.v3-view-row__use{grid-column:1/-1;padding:0}.v3-process li{grid-template-columns:35px 1fr;gap:15px}.v3-process li>p{grid-column:2}.v3-footer{grid-template-columns:1fr auto;min-height:82px;padding:0 17px}.v3-footer p{display:none}}@media (prefers-reduced-motion:reduce){.v3-page *,.v3-page :before,.v3-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-page{--pimidi-ink:#2f2418;--pimidi-muted:#7a6a56;--pimidi-paper:#f6efdf;--pimidi-paper-light:#fffbf1;--pimidi-gold:#b77b26;--pimidi-gold-light:#dcae61;--pimidi-line:#79582b2e;min-height:100vh;color:var(--pimidi-ink);background:linear-gradient(#79562606 1px, transparent 1px) 0 0 / 100% 6px, var(--pimidi-paper);font-family:DM Sans,sans-serif;overflow-x:hidden}.home-page *,.home-page :before,.home-page :after{box-sizing:border-box}.home-page button,.home-page input{font:inherit}.home-landing-header{z-index:5;position:absolute;top:30px;left:clamp(28px,5vw,72px)}.home-landing-brand{color:#8d5d21;grid-template-columns:27px auto;column-gap:7px;width:max-content;display:grid}.home-landing-brand__symbol{object-fit:contain;grid-row:span 2;width:24px;height:38px;margin-top:1px}.home-landing-brand__name{letter-spacing:.04em;font:500 2rem/.9 Playfair Display,serif}.home-landing-brand__tagline{color:#9c7e56;margin-top:6px;font:italic .62rem Playfair Display,serif}.home-hero{background:radial-gradient(circle at 18% 18%,#ffffffdb,#0000 32rem),linear-gradient(120deg,#fffaf0,#f1e4ce);border-bottom:1px solid #89591b47;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);align-items:center;gap:clamp(42px,6vw,86px);min-height:610px;padding:clamp(132px,12vw,160px) clamp(28px,5vw,72px) clamp(54px,7vw,90px);display:grid;position:relative}.home-hero:before{content:"";background:#b77b266b;width:84px;height:1px;position:absolute;top:98px;left:clamp(28px,5vw,72px)}.home-hero.is-dragging{box-shadow:inset 0 0 0 3px #b77b2694}.home-hero__copy{z-index:2;max-width:610px;position:relative}.home-hero h1{color:var(--pimidi-ink);letter-spacing:-.045em;text-align:left;margin:13px 0 0;font:600 clamp(3.2rem,6vw,5.6rem)/.96 Playfair Display,serif}.home-hero h1 em{color:#9a651f;font-weight:500;display:block}.home-hero__copy>p{max-width:540px;color:var(--pimidi-muted);margin:25px 0 0;font-size:1.05rem;line-height:1.7}.home-hero__actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.home-primary-action,.home-secondary-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-size:.8rem;font-weight:700;transition:all .18s;display:inline-flex}.home-primary-action{color:#fff9ed;background:linear-gradient(135deg,#c99440,#9c641d);border:1px solid #9d671f;box-shadow:0 8px 20px #7e4c122e}.home-secondary-action{color:#65471f;background:#fffbf19e;border:1px solid #79582b3d}.home-primary-action:hover,.home-secondary-action:hover{transform:translateY(-1px)}.home-secondary-action:hover{background:#fffaf0;border-color:#79582b6b}.home-hero__drop-note{color:#96836a;align-items:center;gap:8px;margin-top:19px;font-size:.7rem;display:flex}.home-hero__visual{min-width:0;padding:0 0 37px 32px;position:relative}.home-hero__image-frame{background:#2a170d;border:1px solid #66431c40;border-radius:160px 12px 12px;height:455px;position:relative;overflow:hidden;box-shadow:0 24px 50px #41250f38}.home-hero__image-frame:after{content:"";background:linear-gradient(115deg,#1d100929,#0000 50%,#ffdda614);position:absolute;inset:0}.home-hero__image-frame img{object-fit:cover;object-position:63% center;filter:sepia(.1)saturate(.82)contrast(1.04);width:100%;height:100%}.home-hero__image-label{z-index:1;color:#f4ddba;letter-spacing:.15em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22130ab3;border:1px solid #ffe6be4d;border-radius:999px;padding:8px 12px;font-size:.58rem;font-weight:700;position:absolute;bottom:20px;right:22px}.home-hero__visual blockquote{z-index:2;color:#694b29;background:#fffaf0;border:1px solid #89591b33;border-radius:11px;width:min(330px,76%);margin:0;padding:18px 22px;font:italic .82rem/1.55 Playfair Display,serif;position:absolute;bottom:0;left:0;box-shadow:0 13px 30px #52341224}.home-hero__visual cite{letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-top:6px;font-size:.58rem;font-style:normal;display:block}.home-file-input{display:none}.home-drop-overlay{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0e0;border:2px dashed #b77b26ad;border-radius:18px;place-items:center;display:grid;position:absolute;inset:16px}.home-drop-overlay span{color:#fff9ed;background:#9c641d;border-radius:8px;padding:13px 18px;font-weight:700}.home-content{width:min(1210px,100% - 48px);margin:0 auto;padding:46px 0 68px}.home-studio-note,.home-path-grid>button,.home-mode-list>button{background:#fffbf1d6;border:1px solid #79582b24;box-shadow:0 5px 18px #52341212,inset 0 1px #ffffffb8}.home-manifesto{background:#fffbf1d6;border:1px solid #79582b24;border-radius:14px;grid-template-columns:120px minmax(0,1fr) 260px;align-items:center;gap:34px;min-height:210px;padding:32px;display:grid;box-shadow:0 5px 18px #52341212,inset 0 1px #ffffffb8}.home-manifesto__mark{color:#b77b26;text-align:center;font:500 4rem/.82 Playfair Display,serif;display:grid}.home-manifesto__mark span{color:#9c8565;letter-spacing:.18em;text-transform:uppercase;margin-top:10px;font:700 .58rem DM Sans,sans-serif}.home-manifesto__copy{border-right:1px solid #79582b24;padding-right:32px}.home-manifesto h2{color:var(--pimidi-ink);margin:7px 0 0;font:500 2rem/1.08 Playfair Display,serif}.home-manifesto__copy>p{max-width:620px;color:var(--pimidi-muted);margin:12px 0 0;font-size:.8rem;line-height:1.6}.home-manifesto__principles{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.home-manifesto__principles span{color:#75542a;background:#f4ead8;border:1px solid #79582b24;border-radius:999px;padding:6px 9px;font-size:.62rem;font-weight:700}.home-studio-note{color:#776044;text-align:center;place-items:center;padding:12px;display:grid}.home-studio-note>span{color:#ae7528;font:2rem/1 Playfair Display,serif}.home-studio-note p{margin:8px 0 0;font:italic .83rem/1.55 Playfair Display,serif}.home-paths,.home-practice-preview{margin-top:62px}.home-section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:24px;display:flex}.home-section-heading h2,.home-piece-strip h2{max-width:680px;color:var(--pimidi-ink);letter-spacing:-.025em;margin:7px 0 0;font:500 clamp(2rem,3.6vw,3rem)/1.04 Playfair Display,serif}.home-section-heading>p{max-width:390px;color:var(--pimidi-muted);margin:0;font-size:.8rem;line-height:1.6}.home-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.home-path-grid>button{color:#8f642d;cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:280px;padding:26px;transition:all .18s;display:flex;position:relative}.home-path-grid>button:nth-child(2){color:#426b4b}.home-path-grid>button:nth-child(3){color:#4d6170}.home-path-grid>button:hover{border-color:#b77b2652;transform:translateY(-2px);box-shadow:0 13px 30px #5234121c}.home-path-card__index{color:#a69680;letter-spacing:.14em;font-size:.62rem;font-weight:700;position:absolute;top:24px;right:25px}.home-path-grid strong{color:var(--pimidi-ink);margin-top:36px;font:500 1.55rem/1.1 Playfair Display,serif}.home-path-grid small{color:var(--pimidi-muted);margin-top:11px;font-size:.78rem;line-height:1.6}.home-path-card__link{color:currentColor;margin-top:auto;font-size:.72rem;font-weight:700}.home-section-heading--compact h2{max-width:620px}.home-practice-grid{grid-template-columns:minmax(0,1.28fr) minmax(290px,.72fr);align-items:stretch;gap:16px;display:grid}.home-practice-grid>section{background:radial-gradient(circle at 50% 38%,#cb96461f,#0000 42%),linear-gradient(145deg,#302016,#160f0b);border-radius:14px;box-shadow:0 17px 38px #2d190c33}.home-mode-list{gap:12px;display:grid}.home-mode-list>button{cursor:pointer;text-align:left;border-radius:12px;align-content:center;padding:22px 54px 22px 22px;transition:all .18s;display:grid;position:relative}.home-mode-list>button:hover{border-color:#b77b2652;transform:translate(2px)}.home-mode-list>button>span{color:#a87228;letter-spacing:.15em;text-transform:uppercase;font-size:.61rem;font-weight:700}.home-mode-list strong{color:var(--pimidi-ink);margin-top:5px;font:500 1.25rem Playfair Display,serif}.home-mode-list small{color:var(--pimidi-muted);margin-top:7px;font-size:.72rem;line-height:1.5}.home-mode-list .pimidi-icon{color:#9c6a2b;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.home-piece-strip{background:#eee0c9;border-top:1px solid #89591b38;padding:52px clamp(28px,5vw,72px) 58px}.home-piece-strip__heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.home-piece-strip__heading>button{color:#67481f;cursor:pointer;background:#fffbf17a;border:1px solid #79582b40;border-radius:7px;padding:9px 13px;font-size:.7rem;font-weight:700}.home-piece-list{border-top:1px solid #79582b2e;margin-top:25px}.home-piece-list>button{color:#8c785e;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #79582b2e;grid-template-columns:55px minmax(0,1fr) minmax(160px,.6fr) 80px 30px;align-items:center;gap:16px;width:100%;min-height:69px;padding:0 8px;transition:all .16s;display:grid}.home-piece-list>button:hover{color:#7b5420;background:#fffbf15c;padding-inline:14px 2px}.home-piece-list>button>span{color:#a37438;letter-spacing:.12em;font-size:.62rem;font-weight:700}.home-piece-list strong{color:var(--pimidi-ink);font:500 1.05rem Playfair Display,serif}.home-piece-list small{font-size:.72rem}.home-piece-list em{letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-style:normal;font-weight:700}.home-keyboard-stage{color:#ead6b2;background:repeating-linear-gradient(5deg,#5f331721 0 2px,#0000 2px 9px),linear-gradient(135deg,#321d11,#170d08);padding-top:30px}.home-keyboard-stage>div:first-child{justify-content:space-between;align-items:end;padding:0 clamp(28px,5vw,72px) 25px;display:flex}.home-keyboard-stage span{color:#c89447;letter-spacing:.16em;text-transform:uppercase;font-size:.62rem;font-weight:700}.home-keyboard-stage strong{font:italic 1.25rem Playfair Display,serif}.home-piano-keyboard{background:#000;width:100%;position:relative;overflow:hidden}@media (width<=1080px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:38px}.home-hero__image-frame{height:410px}.home-manifesto{grid-template-columns:100px minmax(0,1fr) 230px;gap:24px}}@media (width<=900px){.home-hero{grid-template-columns:1fr}.home-hero__copy{max-width:720px}.home-hero__visual{padding-left:22px}.home-practice-grid{grid-template-columns:1fr}.home-manifesto{grid-template-columns:90px minmax(0,1fr)}.home-manifesto .home-studio-note{border-top:1px solid #79582b24;grid-column:1/-1;min-height:100px}.home-studio-note{min-height:125px}.home-mode-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.home-landing-header{top:24px;left:20px}.home-hero{min-height:0;padding:126px 20px 44px}.home-hero:before{top:94px;left:20px}.home-hero h1{font-size:clamp(3rem,14vw,4.3rem)}.home-hero__visual{padding:0 0 32px 10px}.home-hero__image-frame{border-radius:100px 10px 10px;height:360px}.home-content{width:min(100% - 28px,1210px);padding-top:28px}.home-manifesto{grid-template-columns:1fr;gap:20px;padding:25px}.home-manifesto__mark{text-align:left;justify-self:start}.home-manifesto__copy{border-bottom:1px solid #79582b24;border-right:0;padding:0 0 24px}.home-manifesto .home-studio-note{border-top:0;grid-column:auto}.home-section-heading,.home-piece-strip__heading{display:block}.home-section-heading>p{margin-top:12px}.home-path-grid,.home-mode-list{grid-template-columns:1fr}.home-path-grid>button{min-height:245px}.home-piece-strip{padding:40px 18px 46px}.home-piece-strip__heading>button{margin-top:17px}.home-piece-list>button{grid-template-columns:35px minmax(0,1fr) 24px;gap:10px}.home-piece-list small,.home-piece-list em{display:none}.home-keyboard-stage>div:first-child{gap:7px;display:grid}}@media (width<=430px){.home-hero__actions{display:grid}.home-primary-action,.home-secondary-action{width:100%}}@media (prefers-reduced-motion:reduce){.home-page *,.home-page :before,.home-page :after{transition:none!important}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-1{left:.25rem;right:.25rem}.-left-\[11px\]{left:-11px}.bottom-1{bottom:.25rem}.bottom-6{bottom:1.5rem}.bottom-\[19px\]{bottom:19px}.bottom-\[42px\]{bottom:42px}.bottom-\[48px\]{bottom:48px}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-6{left:1.5rem}.left-\[31px\]{left:31px}.left-\[54\%\]{left:54%}.left-\[56\%\]{left:56%}.left-\[57\%\]{left:57%}.left-\[58\%\]{left:58%}.left-\[59\%\]{left:59%}.left-\[60\%\]{left:60%}.left-\[calc\(54\%\+24px\)\]{left:calc(54% + 24px)}.left-\[calc\(58\%\+20px\)\]{left:calc(58% + 20px)}.left-\[calc\(60\%\+24px\)\]{left:calc(60% + 24px)}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\[31px\]{right:31px}.top-0{top:0}.top-1\/2{top:50%}.top-6{top:1.5rem}.top-\[107px\]{top:107px}.top-\[113px\]{top:113px}.top-\[12px\]{top:12px}.top-\[17px\]{top:17px}.top-\[18px\]{top:18px}.top-\[37px\]{top:37px}.top-\[56px\]{top:56px}.top-\[69px\]{top:69px}.top-\[75px\]{top:75px}.top-\[94px\]{top:94px}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-4{margin:1rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-2\.5{margin-right:.625rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-\[133px\]{height:133px}.h-\[151px\]{height:151px}.h-\[205px\]{height:205px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.min-h-8{min-height:2rem}.min-h-\[390px\]{min-height:390px}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-12{width:3rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[25px\]{width:25px}.w-\[3px\]{width:3px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-5{column-gap:1.25rem}.gap-y-2{row-gap:.5rem}.space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-amber-100\/15{border-color:#fef3c726}.border-amber-100\/25{border-color:#fef3c740}.border-amber-100\/30{border-color:#fef3c74d}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-500\/30{border-color:#3b82f64d}.border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.border-emerald-400\/20{border-color:#34d39933}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-500\/50{border-color:#ef444480}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.bg-\[\#2a160f\]\/85{background-color:#2a160fd9}.bg-\[\#32170f\]{--tw-bg-opacity:1;background-color:rgb(50 23 15/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-100\/45{background-color:#fef3c773}.bg-amber-100\/60{background-color:#fef3c799}.bg-amber-300{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/25{background-color:#00000040}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-emerald-300{--tw-bg-opacity:1;background-color:rgb(110 231 183/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-400\/10{background-color:#34d3991a}.bg-emerald-400\/5{background-color:#34d3990d}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-gray-900\/70{background-color:#111827b3}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.bg-green-900\/30{background-color:#14532d4d}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.bg-orange-900\/30{background-color:#7c2d124d}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-900\/30{background-color:#581c874d}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/\[0\.055\]{background-color:#ffffff0e}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-yellow-900\/30{background-color:#713f124d}.bg-opacity-50{--tw-bg-opacity:.5}.bg-opacity-80{--tw-bg-opacity:.8}.bg-opacity-90{--tw-bg-opacity:.9}.bg-\[linear-gradient\(115deg\,\#5c2e1d_0\%\,\#9b5a32_22\%\,\#61331f_48\%\,\#b36c3b_74\%\,\#4b2518_100\%\)\]{background-image:linear-gradient(115deg,#5c2e1d 0%,#9b5a32 22%,#61331f 48%,#b36c3b 74%,#4b2518 100%)}.bg-\[linear-gradient\(90deg\,\#0e0d0c\,\#24201c_52\%\,\#0d0c0b\)\]{background-image:linear-gradient(90deg,#0e0d0c,#24201c 52%,#0d0c0b)}.bg-\[linear-gradient\(90deg\,\#575757\,\#d4d4d4_45\%\,\#6a6a6a\)\]{background-image:linear-gradient(90deg,#575757,#d4d4d4 45%,#6a6a6a)}.bg-\[radial-gradient\(circle_at_35\%_35\%\,\#f1f1f1\,\#6a6a6a_55\%\,\#222\)\]{background-image:radial-gradient(circle at 35% 35%,#f1f1f1,#6a6a6a 55%,#222)}.bg-\[radial-gradient\(circle_at_50\%_38\%\,rgba\(251\,191\,36\,0\.1\)\,transparent_42\%\)\,linear-gradient\(145deg\,rgba\(255\,255\,255\,0\.065\)\,rgba\(255\,255\,255\,0\.025\)\)\]{background-image:radial-gradient(circle at 50% 38%,#fbbf241a,#0000 42%),linear-gradient(145deg,#fff1,#ffffff06)}.bg-\[repeating-linear-gradient\(100deg\,transparent_0px\,transparent_18px\,rgba\(255\,255\,255\,0\.035\)_19px\,transparent_21px\)\]{background-image:repeating-linear-gradient(100deg,#0000 0 18px,#ffffff09 19px,#0000 21px)}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-amber-300{--tw-gradient-from:#fcd34d var(--tw-gradient-from-position);--tw-gradient-to:#fcd34d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-400\/10{--tw-gradient-from:#34d3991a var(--tw-gradient-from-position);--tw-gradient-to:#34d39900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-500{--tw-gradient-from:#6b7280 var(--tw-gradient-from-position);--tw-gradient-to:#6b728000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-gray-100{--tw-gradient-to:#f3f4f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #f3f4f6 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-900{--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-gray-500{--tw-gradient-to:#6b7280 var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-orange-300{--tw-gradient-to:#fdba74 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-16{padding-left:4rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12vw\]{font-size:12vw}.text-\[7px\]{font-size:7px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[1rem\]{letter-spacing:1rem}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#3b1d12\]{--tw-text-opacity:1;color:rgb(59 29 18/var(--tw-text-opacity,1))}.text-amber-100\/45{color:#fef3c773}.text-amber-100\/80{color:#fef3c7cc}.text-amber-100\/85{color:#fef3c7d9}.text-amber-200\/65{color:#fde68aa6}.text-amber-200\/75{color:#fde68abf}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-200\/80{color:#bfdbfecc}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-emerald-200{--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-950{--tw-text-opacity:1;color:rgb(2 44 34/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/35{color:#ffffff59}.text-white\/40{color:#fff6}.text-white\/45{color:#ffffff73}.text-white\/75{color:#ffffffbf}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_55px_rgba\(251\,191\,36\,0\.16\)\]{--tw-shadow:0 0 55px #fbbf2429;--tw-shadow-colored:0 0 55px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_24px_55px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 24px 55px #00000080;--tw-shadow-colored:0 24px 55px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-black\/20{--tw-shadow-color:#0003;--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-950\/20{--tw-shadow-color:#022c2233;--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-8:before{content:var(--tw-content);bottom:2rem}.before\:left-6:before{content:var(--tw-content);left:1.5rem}.before\:top-8:before{content:var(--tw-content);top:2rem}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:bg-gray-700:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:border-white\/50:hover{border-color:#ffffff80}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-80:hover{opacity:.8}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-amber-200\/20:focus{--tw-ring-color:#fde68a33}.focus\:ring-black:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity,1))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.focus\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:bg-gray-600:disabled{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=640px){.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}}@media (width>=768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1\.4fr_0\.6fr\]{grid-template-columns:1.4fr .6fr}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:items-center{align-items:center}}@media (width>=1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}