@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@1,6..72,500&display=swap";:root{color:#f2f3ea;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0c0d0c;--panel:#121412;--panel-soft:#181b18;--line:#f2f3ea24;--line-strong:#f2f3ea40;--muted:#8f948e;--paper:#f2f3ea;--lime:#cbff5e;--violet:#b6a7ff;--orange:#ff8a57;background:#0c0d0c;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% 12%, #ae99ff12, transparent 27rem), var(--ink);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}.app-shell{min-height:100vh}.route-loader{min-height:70vh;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;justify-content:center;align-items:center;gap:11px;font:9px DM Mono,monospace;display:flex}.route-loader i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%;animation:.7s ease-in-out infinite alternate loader-pulse}@keyframes loader-pulse{to{opacity:.25;transform:scale(.7)}}.app-header{border-bottom:1px solid var(--line);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1440px,100% - 48px);height:82px;margin:0 auto;display:grid;position:relative}.brand{width:max-content;color:var(--paper);text-transform:uppercase;letter-spacing:-.03em;align-items:center;gap:11px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--lime);border-radius:50%;justify-content:center;align-items:center;gap:2px;width:30px;height:30px;display:flex;transform:rotate(-12deg)}.brand-mark i{background:var(--lime);border-radius:2px;width:2px}.brand-mark i:first-child{height:7px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:10px}.app-header nav{align-items:center;gap:38px;display:flex}.app-header nav a{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;transition:color .18s}.app-header nav a:hover,.app-header nav a.active{color:var(--paper)}.header-cta{border:1px solid var(--line-strong);border-radius:999px;justify-self:end;align-items:center;gap:12px;padding:11px 15px 11px 18px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .18s,background .18s;display:inline-flex}.header-cta:hover{border-color:var(--lime);background:#cbff5e0f}.header-cta svg,.button svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:17px;height:17px}.home-page,.content-page,.studio-page{width:min(1440px,100% - 48px);margin:0 auto}.hero-section{border-bottom:1px solid var(--line);grid-template-columns:.92fr 1.08fr;align-items:stretch;min-height:670px;display:grid}.hero-copy{flex-direction:column;justify-content:center;padding:82px 7vw 60px 16px;display:flex}.eyebrow{color:#aaaead;text-transform:uppercase;letter-spacing:.16em;font:500 10px/1.3 DM Mono,monospace}.eyebrow span{background:var(--lime);vertical-align:middle;width:21px;height:1px;margin:0 9px 3px 0;display:inline-block}.hero-copy h1,.page-intro h1{letter-spacing:-.072em;max-width:660px;margin:30px 0 33px;font-size:clamp(57px,6.4vw,104px);font-weight:500;line-height:.9}h1 em,h2 em{color:var(--lime);font-family:Newsreader,serif;font-weight:500}.hero-lede{color:#a7aaa5;max-width:520px;font-size:16px;line-height:1.75}.hero-actions{align-items:center;gap:28px;margin-top:40px;display:flex}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:22px;min-height:49px;padding:0 21px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#11130d;background:var(--lime);box-shadow:0 0 34px #cbff5e14}.button-primary:hover{box-shadow:0 8px 32px #cbff5e2e}.text-link{color:var(--paper);border-bottom:1px solid var(--line-strong);padding:10px 0;font-size:12px;text-decoration:none}.text-link span{color:var(--lime);margin-left:8px}.trust-row{gap:35px;margin-top:67px;display:flex}.trust-row div{gap:4px;display:grid}.trust-row strong{font-size:13px}.trust-row span{color:#747872;text-transform:uppercase;letter-spacing:.05em;font:400 9px DM Mono,monospace}.hero-instrument{border-left:1px solid var(--line);background:radial-gradient(circle at 48% 47%,#b7a8ff2e,#0000 11rem),#111311;min-height:670px;position:relative;overflow:hidden}.hero-grid{opacity:.17;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:43px 43px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 73%);mask-image:radial-gradient(circle,#000,#0000 73%)}.orbit{border:1px solid #cbff5e30;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit:before{content:"";background:var(--lime);width:7px;height:7px;box-shadow:0 0 18px var(--lime);border-radius:50%;position:absolute}.orbit-one{width:410px;height:410px;animation:22s linear infinite orbit}.orbit-one:before{top:110px;left:22px}.orbit-two{border-color:#b7a8ff21;width:570px;height:570px;animation:34s linear infinite reverse orbit}.orbit-two:before{background:var(--violet);box-shadow:0 0 18px var(--violet);bottom:108px;right:55px}@keyframes orbit{to{transform:translate(-50%,-50%)rotate(360deg)}}.hand-constellation{filter:drop-shadow(0 0 26px #cbff5e2e);width:330px;height:440px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)rotate(-9deg)}.joint{border:2px solid var(--lime);z-index:2;background:#1b1f17;border-radius:50%;width:13px;height:13px;position:absolute}.joint:after{content:"";border-radius:inherit;background:var(--lime);position:absolute;inset:3px}.wrist{width:20px;height:20px;top:380px;left:148px}.palm-a{top:270px;left:104px}.palm-b{top:260px;left:205px}.finger-a{top:84px;left:34px}.finger-b{top:36px;left:115px}.finger-c{top:61px;left:201px}.finger-d{top:137px;left:278px}.bone{background:linear-gradient(90deg, var(--lime), #cbff5e33);transform-origin:0;z-index:1;height:2px;position:absolute}.bone-one{width:122px;top:390px;left:157px;transform:rotate(-113deg)}.bone-two{width:122px;top:278px;left:112px;transform:rotate(-130deg)}.bone-three{width:237px;top:269px;left:123px;transform:rotate(-92deg)}.bone-four{width:202px;top:268px;left:210px;transform:rotate(-91deg)}.bone-five{width:175px;top:269px;left:210px;transform:rotate(-46deg)}.bone-six{width:110px;top:276px;left:111px;transform:rotate(-8deg)}.chord-chip,.live-chip{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-strong);background:#0e100ebf;position:absolute}.chord-chip{align-items:center;gap:12px;padding:12px 16px 12px 12px;display:flex;top:17%;left:8%}.chord-chip>span{background:var(--lime);color:#10120d;border-radius:50%;place-items:center;width:36px;height:36px;font:600 11px DM Mono;display:grid}.chord-chip div{gap:2px;display:grid}.chord-chip strong{font-size:12px}.chord-chip small{color:var(--muted);font:9px DM Mono}.live-chip{color:#b8bbb6;letter-spacing:.08em;padding:9px 12px;font:9px DM Mono;top:32%;right:7%}.live-chip i{background:var(--lime);width:6px;height:6px;box-shadow:0 0 8px var(--lime);border-radius:50%;margin-right:7px;display:inline-block}.waveform{opacity:.7;justify-content:center;align-items:center;gap:9px;height:80px;display:flex;position:absolute;bottom:9%;left:8%;right:8%}.waveform:before{content:"";background:var(--line);height:1px;position:absolute;left:0;right:0}.waveform i{background:linear-gradient(var(--violet), var(--lime));border-radius:2px;width:2px;animation:1.6s ease-in-out infinite alternate wave}.waveform i:nth-child(3n){animation-delay:-.7s}.waveform i:nth-child(2n){animation-delay:-.3s}@keyframes wave{to{opacity:.5;transform:scaleY(.45)}}.principle-strip{border-bottom:1px solid var(--line);color:#8d918c;grid-template-columns:1.2fr repeat(6,auto);align-items:center;gap:20px;min-height:92px;display:grid}.principle-strip>p:first-child{color:var(--paper);font-size:13px}.principle-strip span{color:var(--lime);font:10px DM Mono}.principle-strip p{white-space:nowrap;font-size:11px}.principle-strip p+span{margin-left:24px}.manifesto-section{grid-template-columns:.7fr 1.4fr .8fr;align-items:start;gap:7vw;padding:120px 8vw;display:grid}.manifesto-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.3vw,68px);font-weight:500;line-height:1}.manifesto-section>p:last-child{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.8}.content-page{padding-bottom:90px}.page-intro{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-height:480px;padding:60px 5vw;display:flex}.page-intro h1{margin-bottom:22px;font-size:clamp(55px,6vw,92px)}.page-intro>p:last-child{color:var(--muted);max-width:590px;line-height:1.8}.hand-lesson-tabs{border:1px solid var(--line);background:#101210;grid-template-columns:repeat(2,1fr);margin-top:70px;display:grid}.hand-lesson-tab{min-height:155px;color:var(--paper);text-align:left;cursor:pointer;background:0 0;border:0;align-content:center;justify-items:start;gap:8px;padding:28px 34px;transition:background .18s;display:grid;position:relative}.hand-lesson-tab+.hand-lesson-tab{border-left:1px solid var(--line)}.hand-lesson-tab:after{content:"";transform-origin:0;height:3px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.hand-lesson-tab small{text-transform:uppercase;letter-spacing:.14em;font:8px DM Mono}.hand-lesson-tab strong{letter-spacing:-.045em;font:500 clamp(25px,2.4vw,36px)/1 Manrope}.hand-lesson-tab>span{max-width:430px;color:var(--muted);font-size:11px;line-height:1.55}.left-hand-tab small{color:var(--lime)}.left-hand-tab:after{background:var(--lime)}.left-hand-tab.active{background:linear-gradient(120deg,#cbff5e1b,#0000 72%)}.right-hand-tab small{color:var(--violet)}.right-hand-tab:after{background:var(--violet)}.right-hand-tab.active{background:linear-gradient(120deg,#b7a8ff1f,#0000 72%)}.hand-lesson-tab.active:after{transform:scaleX(1)}.hand-lesson-tab:focus-visible{outline:2px solid var(--paper);outline-offset:-5px}.left-hand-lessons{margin-top:0}.learn-section-heading{border:1px solid var(--line);background:linear-gradient(135deg,#cbff5e0e,#0000 52%);border-bottom:0;grid-template-columns:1fr minmax(280px,.75fr);align-items:end;gap:50px;min-height:210px;padding:42px 45px;display:grid}.left-hand-lessons .learn-section-heading{border-top:0}.learn-section-heading h2{letter-spacing:-.05em;margin:13px 0 0;font-size:clamp(38px,4vw,58px);font-weight:500;line-height:1}.learn-section-heading>p{max-width:520px;color:var(--muted);margin:0;font-size:12px;line-height:1.75}.learn-section-heading strong{color:var(--paper);font-weight:600}.gesture-library{border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.gesture-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 130px 1fr;align-items:center;gap:28px;min-height:275px;padding:30px;transition:background .18s;display:grid}.gesture-card:hover{background:#cbff5e06}.gesture-card-number{color:#595d58;align-self:start;font:10px DM Mono}.gesture-card small,.song-row small{color:var(--lime);text-transform:uppercase;letter-spacing:.1em;font:9px DM Mono}.gesture-card h2{margin:8px 0;font-size:23px;font-weight:500}.gesture-card p{color:var(--muted);margin:0;font-size:12px}.finger-diagram{justify-content:center;align-items:end;gap:4px;width:102px;height:120px;display:flex;position:relative}.finger-diagram i{background:#181b18;border:1px solid #50544f;border-radius:10px 10px 4px 4px;width:14px;height:37px;transition:height .18s,border-color .18s}.finger-diagram i:first-child{height:30px;transform:rotate(-35deg)translateY(-4px)}.finger-diagram i:nth-child(2){height:54px}.finger-diagram i:nth-child(3){height:62px}.finger-diagram i:nth-child(4){height:54px}.finger-diagram i:nth-child(5){height:42px}.finger-diagram i.extended{border-color:var(--lime);background:linear-gradient(#cbff5e59,#1a1e17);height:92px;box-shadow:0 -6px 20px #cbff5e1a}.finger-diagram i:first-child.extended{height:61px}.finger-diagram span{z-index:-1;background:#1e211e;border:1px solid #50544f;border-radius:15px 15px 8px 8px;width:82px;height:35px;position:absolute;bottom:0}.finger-diagram.left-hand-diagram{flex-direction:row-reverse}.finger-diagram.left-hand-diagram i:first-child{transform:rotate(35deg)translateY(-4px)}.finger-diagram.violet-hand-diagram i.extended{border-color:var(--violet);background:linear-gradient(#b7a8ff59,#191821);box-shadow:0 -6px 20px #b7a8ff1f}.right-hand-lessons{border:1px solid var(--line);background:linear-gradient(135deg,#b7a8ff12,#0000 52%);border-top:0;margin-top:0}.right-hand-lessons>header{border-bottom:1px solid var(--line);grid-template-columns:.75fr 1.25fr;align-items:end;gap:45px;padding:55px 45px;display:grid}.right-hand-lessons>header>div>p:last-child{max-width:490px;color:var(--muted);margin:22px 0 0;font-size:12px;line-height:1.75}.right-hand-lessons h2{letter-spacing:-.05em;margin:0;font-size:clamp(38px,4vw,58px);font-weight:500;line-height:1}.right-hand-grid{grid-template-columns:repeat(3,1fr);display:grid}.right-hand-lessons article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:355px;padding:28px 24px}.right-hand-lessons article:nth-child(3n){border-right:0}.right-hand-lessons article>small{color:var(--violet);text-transform:uppercase;font:8px DM Mono}.right-hand-lessons article h3{margin:22px 0 10px;font-size:17px}.right-hand-lessons article>p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.right-lesson-visual{grid-template-columns:92px auto 1fr;align-items:center;gap:10px;min-height:145px;margin-top:19px;display:grid}.right-lesson-visual .finger-diagram{transform-origin:0;width:86px;transform:scale(.72)}.shape-arrow{color:#65616f;font:15px DM Mono}.note-shape{flex-wrap:wrap;align-content:center;gap:5px;display:flex}.note-shape i{width:27px;height:27px;color:var(--violet);background:#b7a8ff12;border:1px solid #b7a8ff61;border-radius:50%;place-items:center;font:8px DM Mono;display:grid}.note-shape i:last-child{border-color:var(--lime);color:var(--lime);background:#cbff5e0f}.right-hand-lessons footer{border-top:1px solid var(--line);color:#8d918c;text-transform:uppercase;justify-content:space-around;align-items:center;gap:20px;min-height:62px;padding:15px 25px;font:8px DM Mono;display:flex}.lesson-callout{background:var(--violet);color:#111;justify-content:space-between;align-items:center;min-height:170px;margin-top:70px;padding:35px 45px;display:flex}.lesson-callout small{text-transform:uppercase;font:9px DM Mono}.lesson-callout h2{letter-spacing:-.04em;margin:8px 0 0;font-size:34px}.lesson-callout .button{color:var(--paper);background:#111}.lesson-callout-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.guide-page{--guide-accent:var(--lime)}.guide-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 30%,#cbff5e0e,#0000 28rem);grid-template-columns:1fr minmax(360px,.7fr);align-items:center;gap:8vw;min-height:510px;padding:70px 5vw;display:grid}.guide-hero h1{letter-spacing:-.07em;max-width:760px;margin:28px 0 0;font-size:clamp(58px,7vw,100px);font-weight:500;line-height:.9}.guide-hero-copy>p{color:#a0a49e;margin:0;font-size:15px;line-height:1.8}.guide-hero-copy nav{flex-wrap:wrap;gap:8px;margin-top:35px;display:flex}.guide-hero-copy a{border:1px solid var(--line-strong);color:#aeb2ac;text-transform:uppercase;border-radius:999px;padding:10px 14px;font:8px DM Mono;text-decoration:none}.guide-hero-copy a:hover{color:var(--lime);border-color:var(--lime)}.guide-basics{border:1px solid var(--line);border-top:0;grid-template-columns:.72fr 1fr 1fr;display:grid}.guide-basics>header{flex-direction:column;justify-content:space-between;min-height:320px;padding:38px 32px;display:flex}.guide-basics>header small{color:#686d66;text-transform:uppercase;font:8px DM Mono}.guide-basics>header h2{letter-spacing:-.045em;margin:0;font-size:38px;font-weight:500;line-height:1.05}.guide-definition{border-left:1px solid var(--line);flex-direction:column;min-height:320px;padding:34px;display:flex;position:relative}.guide-definition>span{border:1px solid;border-radius:50%;place-items:center;width:45px;height:45px;font-size:11px;display:grid}.guide-definition>small{color:currentColor;text-transform:uppercase;margin-top:46px;font:8px DM Mono}.guide-definition h3{margin:9px 0 13px;font-size:25px;font-weight:500}.guide-definition p{color:#888d86;max-width:430px;margin:0;font-size:11px;line-height:1.75}.guide-definition>strong{color:#b4b8b2;margin-top:auto;padding-top:20px;font-size:10px}.recording-definition{color:var(--orange);background:radial-gradient(circle at 90% 15%,#ff8a5714,#0000 14rem)}.midi-definition{color:var(--lime);background:radial-gradient(circle at 90% 15%,#cbff5e12,#0000 14rem)}.guide-chapter{border:1px solid var(--line);margin-top:80px;scroll-margin-top:30px}.guide-chapter-heading{border-bottom:1px solid var(--line);grid-template-columns:130px minmax(0,720px);align-items:center;gap:40px;min-height:270px;padding:45px 5vw 45px 38px;display:grid}.guide-chapter-heading>span{color:#474c46;font:500 72px Newsreader}.guide-chapter-heading .eyebrow{margin:0}.guide-chapter-heading h2{letter-spacing:-.055em;margin:14px 0;font-size:clamp(42px,5vw,70px);font-weight:500;line-height:.95}.guide-chapter-heading>div>p:last-child{color:#8a8f88;max-width:650px;margin:0;font-size:12px;line-height:1.75}.guide-steps{grid-template-columns:1fr 1fr;display:grid}.guide-steps article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:40px 1fr;gap:22px;min-height:185px;padding:30px 34px;display:grid}.guide-steps article:nth-child(2n){border-right:0}.guide-steps article>span{color:var(--orange);font:8px DM Mono}.guide-steps h3{margin:0 0 12px;font-size:17px;font-weight:600}.guide-steps p{color:#838881;max-width:500px;margin:0;font-size:10px;line-height:1.75}.guide-loop-example{border:1px solid var(--line);background:#0d0f0d;margin:45px}.guide-loop-example>header,.guide-loop-example>footer{color:#70756e;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:0 18px;font:7px DM Mono;display:flex}.guide-loop-example>header{border-bottom:1px solid var(--line)}.guide-loop-example>header strong{color:var(--orange);font-weight:500}.guide-loop-example>div{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:84px;padding:12px 14px;display:flex}.guide-loop-example>div>small{color:#747971;text-transform:uppercase;flex:none;width:72px;font:7px DM Mono}.guide-loop-example i{border:1px solid;place-items:center;min-width:42px;height:54px;font:500 10px DM Mono;display:grid}.guide-loop-example i.lime{color:var(--lime);background:#cbff5e12}.guide-loop-example i.violet{color:var(--violet);background:#b7a8ff12}.guide-loop-example i.empty{opacity:.3;border-style:dashed}.guide-loop-example>footer strong{color:var(--paper);font-size:18px}.guide-terms{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.guide-terms article{border-right:1px solid var(--line);min-height:120px;padding:24px}.guide-terms article:last-child{border-right:0}.guide-terms strong{color:var(--orange);text-transform:uppercase;font:9px DM Mono}.guide-terms p{color:#878c85;margin:12px 0 0;font-size:10px;line-height:1.6}.guide-why{border-top:1px solid var(--line);background:#ff8a570e;grid-template-columns:minmax(270px,.8fr) 1fr;align-items:center;gap:8vw;min-height:180px;padding:35px 42px;display:grid}.guide-why small{color:var(--orange);text-transform:uppercase;font:8px DM Mono}.guide-why h3{margin:9px 0 0;font-size:27px;font-weight:500}.guide-why>p{color:#949991;max-width:610px;margin:0;font-size:11px;line-height:1.8}.midi-chapter{--guide-accent:var(--lime)}.midi-chapter .guide-chapter-heading .eyebrow span{background:var(--lime)}.midi-chapter .guide-steps article>span{color:var(--lime)}.midi-guide-flow{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:25px;min-height:180px;padding:28px 40px;display:grid}.midi-guide-flow>div{border:1px solid var(--line);background:#0e100e;align-content:space-between;min-height:105px;padding:20px;display:grid}.midi-guide-flow small{color:#5f645d;font:7px DM Mono}.midi-guide-flow strong{margin-top:15px;font-size:13px}.midi-guide-flow span{color:var(--lime);text-transform:uppercase;font:7px DM Mono}.midi-guide-flow>i{color:#60655f;font-style:normal}.guide-note{border-bottom:1px solid var(--line);background:#cbff5e0b;grid-template-columns:180px 1fr;align-items:center;gap:35px;min-height:110px;padding:25px 40px;display:grid}.guide-note strong{color:var(--lime);text-transform:uppercase;font:8px DM Mono}.guide-note p{color:#969b94;max-width:760px;margin:0;font-size:11px;line-height:1.75}.midi-route-help>header{border-bottom:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:150px;padding:30px 38px;display:flex}.midi-route-help>header small{color:var(--lime);text-transform:uppercase;font:8px DM Mono}.midi-route-help>header h3{margin:10px 0 0;font-size:34px;font-weight:500}.midi-route-help>div{grid-template-columns:repeat(3,1fr);display:grid}.midi-route-help article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:250px;padding:30px;display:flex}.midi-route-help article:last-child{border-right:0}.midi-route-help article>small{color:#666b65;text-transform:uppercase;font:7px DM Mono}.midi-route-help h4{margin:20px 0 13px;font-size:20px}.midi-route-help p{color:#848982;margin:0;font-size:10px;line-height:1.75}.midi-route-help a{width:max-content;color:var(--lime);text-transform:uppercase;margin-top:auto;padding-top:22px;font:7px DM Mono;text-decoration:none}.midi-mapping-guide{border:1px solid var(--line);margin:45px}.midi-mapping-guide>header,.midi-mapping-guide>div{border-bottom:1px solid var(--line);grid-template-columns:1.1fr .8fr 1fr;align-items:center;gap:24px;min-height:58px;padding:0 18px;display:grid}.midi-mapping-guide>div:last-child{border-bottom:0}.midi-mapping-guide>header{color:#626760;text-transform:uppercase;background:#0e100e;font:7px DM Mono}.midi-mapping-guide strong{font-size:10px}.midi-mapping-guide code{color:var(--lime);font:8px DM Mono}.midi-mapping-guide>div>span{color:#858a83;font-size:9px}.midi-why{background:#cbff5e0b}.midi-why small{color:var(--lime)}.guide-quick-start{border:1px solid var(--line);margin-top:80px;scroll-margin-top:30px}.guide-quick-start>header{border-bottom:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:210px;padding:40px;display:flex}.guide-quick-start h2{letter-spacing:-.055em;margin:13px 0 0;font-size:clamp(40px,5vw,66px);font-weight:500}.guide-quick-start>div{grid-template-columns:1fr 1fr;display:grid}.guide-quick-start article{border-right:1px solid var(--line);flex-direction:column;min-height:390px;padding:38px;display:flex}.guide-quick-start article:last-child{border-right:0}.guide-quick-start article>small{color:var(--lime);text-transform:uppercase;font:8px DM Mono}.guide-quick-start h3{margin:17px 0 22px;font-size:33px;font-weight:500}.guide-quick-start ol{color:#92978f;margin:0 0 35px;padding-left:20px;font-size:11px;line-height:2.1}.guide-quick-start .button{width:max-content;margin-top:auto}.guide-browser-note{border:1px solid var(--line);align-items:center;gap:20px;min-height:110px;margin-top:22px;padding:25px 30px;display:flex}.guide-browser-note>span{border:1px solid var(--line-strong);width:35px;height:35px;color:var(--lime);border-radius:50%;flex:none;place-items:center;font:10px DM Mono;display:grid}.guide-browser-note strong{font-size:11px}.guide-browser-note p{color:#777c75;margin:6px 0 0;font-size:9px;line-height:1.65}.split-intro{grid-template-columns:1.4fr .6fr;align-items:end;gap:50px;display:grid}.split-intro h1{margin-bottom:0}.split-intro>p{padding-bottom:15px}.song-list{border-left:1px solid var(--line)}.song-row{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:175px;color:var(--paper);grid-template-columns:40px 115px minmax(220px,1fr) minmax(215px,.7fr) auto;align-items:center;gap:28px;padding:25px 30px;text-decoration:none;transition:background .18s,border-color .18s;display:grid}.song-row:hover{border-right-color:var(--song-accent,var(--lime));background:#ffffff06}.song-row:focus-visible{outline:2px solid var(--song-accent,var(--lime));outline-offset:-3px}.song-index{color:#585c57;font:10px DM Mono}.song-row h2{margin:7px 0 0;font-size:25px;font-weight:500}.song-title-block small{color:var(--song-accent,var(--lime))}.song-meta{grid-template-columns:auto 1fr;align-items:baseline;gap:7px 18px;display:grid}.song-meta span{color:#676c66;text-transform:uppercase;font:8px DM Mono}.song-meta strong{color:#b2b6b0;font-size:11px;font-weight:500}.open-lesson{border:1px solid var(--line-strong);color:#aeb2ac;text-transform:uppercase;white-space:nowrap;border-radius:20px;align-items:center;gap:11px;padding:9px 13px;font:8px DM Mono;transition:color .18s,border-color .18s;display:inline-flex}.open-lesson b{color:var(--song-accent,var(--lime));font-size:13px}.song-row:hover .open-lesson{color:var(--paper);border-color:var(--song-accent,var(--lime))}.album-art{background:#252925;height:100px;position:relative;overflow:hidden}.album-art.provided-artwork{background:#080908;place-items:center;display:grid}.album-art img{object-fit:contain;width:100%;height:100%;display:block}.album-art i{border:1px solid;border-radius:50%;position:absolute}.album-art i:first-child{width:80px;height:80px;top:32px;left:-20px}.album-art i:nth-child(2){width:50px;height:50px;top:8px;right:9px}.album-art i:nth-child(3){width:3px;height:70px;bottom:-12px;left:57px;transform:rotate(35deg)}.song-row.lime{--song-accent:var(--lime)}.song-row.violet{--song-accent:var(--violet)}.song-row.orange{--song-accent:var(--orange)}.song-row .album-art{color:var(--song-accent)}.lesson-callout.compact{background:var(--lime)}.song-tutorial-page{--tutorial-accent:var(--lime)}.song-tutorial-page.violet{--tutorial-accent:var(--violet)}.song-tutorial-page.orange{--tutorial-accent:var(--orange)}.tutorial-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 42%, color-mix(in srgb, var(--tutorial-accent) 12%, transparent), transparent 18rem);flex-direction:column;justify-content:center;min-height:430px;padding:62px 5vw;display:flex}.tutorial-back{color:#929790;text-transform:uppercase;letter-spacing:.08em;width:max-content;margin-bottom:65px;font:9px DM Mono;text-decoration:none}.tutorial-back:hover{color:var(--tutorial-accent)}.tutorial-hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.55fr);align-items:end;gap:70px;display:grid}.tutorial-hero h1{letter-spacing:-.072em;max-width:900px;margin:20px 0 14px;font-size:clamp(56px,7.3vw,112px);font-weight:500;line-height:.88}.tutorial-arrangement{color:var(--muted);margin:0;font-size:13px}.tutorial-meta{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.tutorial-meta div{flex-direction:column;justify-content:space-between;min-height:95px;padding:20px;display:flex}.tutorial-meta div+div{border-left:1px solid var(--line)}.tutorial-meta dt{color:#676c66;text-transform:uppercase;font:8px DM Mono}.tutorial-meta dd{margin:0;font-size:12px;font-weight:600}.tutorial-section{border-left:1px solid var(--line);border-right:1px solid var(--line)}.tutorial-section>header{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(280px,.55fr);align-items:end;gap:45px;min-height:165px;padding:38px 44px;display:grid}.tutorial-section>header small{color:var(--tutorial-accent);text-transform:uppercase;font:8px DM Mono}.tutorial-section>header h2{letter-spacing:-.045em;margin:10px 0 0;font-size:42px;font-weight:500;line-height:1}.tutorial-section>header p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.tutorial-chord-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));display:grid}.tutorial-chord-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:305px;padding:28px}.tutorial-chord-card:last-child{border-right:0}.tutorial-chord-name{align-items:center;gap:14px;display:flex}.tutorial-chord-name>span{border:1px solid color-mix(in srgb, var(--tutorial-accent) 48%, transparent);width:43px;height:43px;color:var(--tutorial-accent);border-radius:50%;flex:none;place-items:center;font:12px DM Mono;display:grid}.tutorial-chord-name small{color:#737870;text-transform:uppercase;font:7px DM Mono}.tutorial-chord-name h3{margin:5px 0 0;font-size:19px;font-weight:500}.two-hand-shape{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:135px;margin:15px 0 6px;display:grid}.two-hand-shape>span{color:#545852;font:16px DM Mono}.two-hand-shape>div{align-items:center;gap:8px;display:flex}.two-hand-shape small{color:#777c75;max-width:85px;font:7px/1.5 DM Mono}.tutorial-chord-card>p{color:#777c75;margin:0;font:8px/1.65 DM Mono}.tutorial-chord-card>p strong{color:var(--paper);font-weight:500}.cue-player-section{border-top:1px solid var(--line);margin-top:70px}.cue-player{grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);display:grid}.cue-now{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--tutorial-accent) 7%, transparent), transparent 50%);min-height:670px;padding:36px}.cue-progress-label{color:#777c75;text-transform:uppercase;justify-content:space-between;align-items:center;font:8px DM Mono;display:flex}.cue-progress-label strong{color:var(--tutorial-accent);font-weight:500}.cue-progress{background:#313530;height:2px;margin-top:12px;overflow:hidden}.cue-progress i{background:var(--tutorial-accent);height:100%;transition:width .22s;display:block}.song-practice-live{border-bottom:1px solid var(--line);background:#101210;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);min-height:430px;display:grid}.song-practice-camera{border-right:1px solid var(--line);background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--tutorial-accent) 8%, #1b1e1a), #090b09 72%);min-height:430px;position:relative;overflow:hidden}.song-practice-camera video,.song-practice-camera canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.song-practice-camera video{opacity:.72;filter:saturate(.62)contrast(1.08)}.song-practice-camera canvas{z-index:2}.song-practice-camera:after{content:"";z-index:3;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px #000000b3}.song-practice-camera-bar{z-index:5;color:#777c75;text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;align-items:center;font:7px DM Mono;display:flex;position:absolute;top:16px;left:18px;right:18px}.song-practice-camera-bar>span{align-items:center;gap:7px;display:flex}.song-practice-camera-bar i{background:#5b6059;border-radius:50%;width:6px;height:6px}.song-practice-camera-bar .listening{color:var(--tutorial-accent)}.song-practice-camera-bar .listening i{background:var(--tutorial-accent);box-shadow:0 0 9px var(--tutorial-accent)}.song-practice-start{z-index:4;text-align:center;background:radial-gradient(circle at center, color-mix(in srgb, var(--tutorial-accent) 9%, transparent), #090b09f0 52%);flex-direction:column;justify-content:center;align-items:center;padding:45px;display:flex;position:absolute;inset:0}.song-practice-start>span{border:1px solid color-mix(in srgb, var(--tutorial-accent) 48%, transparent);width:54px;height:54px;color:var(--tutorial-accent);border-radius:50%;place-items:center;margin-bottom:18px;font-size:20px;display:grid}.song-practice-start>small{color:var(--tutorial-accent);text-transform:uppercase;letter-spacing:.11em;font:7px DM Mono}.song-practice-start h3{letter-spacing:-.05em;margin:10px 0;font-size:clamp(31px,3.4vw,48px);font-weight:500;line-height:1}.song-practice-start p{color:#8d928b;max-width:510px;margin:0;font-size:11px;line-height:1.7}.song-practice-start .button{background:var(--tutorial-accent);margin-top:24px}.song-practice-start em{color:#5f645e;text-transform:uppercase;margin-top:13px;font:7px DM Mono}.song-practice-error{z-index:6;text-align:center;background:#121412f5;border:1px solid #ff8a5780;width:min(390px,100% - 38px);padding:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.song-practice-error strong{font-size:14px}.song-practice-error p{color:#969b94;font-size:11px;line-height:1.6}.song-practice-error button{border:0;border-bottom:1px solid var(--orange);color:var(--paper);cursor:pointer;background:0 0;padding:7px 0}.song-practice-coach{background:linear-gradient(150deg, color-mix(in srgb, var(--tutorial-accent) 5%, #111311), #0d0f0d 70%);flex-direction:column;min-width:0;display:flex}.song-practice-coach-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:67px;padding:0 20px;display:flex}.song-practice-coach-head>div{gap:5px;display:grid}.song-practice-coach-head small{color:var(--tutorial-accent);text-transform:uppercase;font:7px DM Mono}.song-practice-coach-head strong{font-size:11px;font-weight:600}.song-practice-coach-head button{border:0;border-bottom:1px solid var(--line-strong);color:#858a83;text-transform:uppercase;cursor:pointer;background:0 0;padding:6px 0;font:8px DM Mono}.song-practice-target{flex-direction:column;flex:1;justify-content:center;padding:25px 22px;display:flex}.song-practice-target>div{align-items:center;gap:12px;min-height:95px;display:flex}.song-practice-target>div>span{color:#565b55;font:13px DM Mono}.song-practice-target .finger-diagram{transform-origin:0;transform:scale(.67)}.song-practice-target>small{color:#676c65;text-transform:uppercase;font:7px DM Mono}.song-practice-target h3{letter-spacing:-.04em;text-transform:capitalize;margin:7px 0 8px;font-size:29px;font-weight:500}.song-practice-target p{color:#929790;min-height:36px;margin:0;font-size:10px;line-height:1.7}.song-practice-audio-warning{color:var(--orange);margin-top:10px;font:7px/1.55 DM Mono}.song-practice-hold{border-top:1px solid var(--line);grid-template-columns:auto 1fr 32px;align-items:center;gap:11px;min-height:53px;padding:0 20px;display:grid}.song-practice-hold span,.song-practice-hold strong{color:#747972;text-transform:uppercase;font:7px DM Mono}.song-practice-hold strong{color:var(--tutorial-accent);text-align:right}.song-practice-hold>i{background:#343834;height:3px;overflow:hidden}.song-practice-hold b{background:linear-gradient(90deg, var(--violet), var(--tutorial-accent));height:100%;transition:width 75ms linear;display:block}.song-practice-complete{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;min-height:430px;padding:35px;display:flex}.song-practice-complete>span{border:1px solid color-mix(in srgb, var(--tutorial-accent) 55%, transparent);width:52px;height:52px;color:var(--tutorial-accent);border-radius:50%;place-items:center;margin-bottom:24px;font-size:19px;display:grid}.song-practice-complete small{color:var(--tutorial-accent);text-transform:uppercase;letter-spacing:.1em;font:7px DM Mono}.song-practice-complete h3{letter-spacing:-.045em;margin:10px 0;font-size:34px;font-weight:500;line-height:1}.song-practice-complete p{color:#8c918a;margin:0;font-size:10px;line-height:1.7}.song-practice-complete>div{gap:8px;width:100%;margin-top:27px;display:grid}.song-practice-complete .button{background:var(--tutorial-accent);min-height:43px}.song-practice-complete .button-ghost{border:1px solid var(--line-strong);color:#9ca199;background:0 0}.cue-timeline button.completed .cue-step{color:var(--tutorial-accent)}.cue-timeline button.completed:not(.active){background:color-mix(in srgb, var(--tutorial-accent) 3%, transparent)}.current-gesture{border-bottom:1px solid var(--line);align-content:center;min-height:285px;padding:40px 0 28px;display:grid}.current-gesture-diagrams{align-items:center;gap:12px;min-height:130px;display:flex}.current-gesture-diagrams>span{color:#555a54;font:16px DM Mono}.current-gesture small,.current-cue-copy small{color:#72776f;text-transform:uppercase;font:8px DM Mono}.current-gesture h2{text-transform:capitalize;margin:7px 0;font-size:34px;font-weight:500}.current-gesture p{color:#858a83;margin:0;font-size:10px;line-height:1.6}.current-cue-copy{flex-direction:column;justify-content:center;min-height:160px;padding:31px 0;display:flex}.current-cue-copy p{letter-spacing:-.025em;margin:16px 0 0;font:500 24px/1.35 Manrope}.current-cue-copy mark{color:#11130e;background:var(--tutorial-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:2px 5px}.cue-controls{grid-template-columns:1fr 1.25fr;gap:8px;display:grid}.cue-controls button{border:1px solid var(--line);color:#8e938c;cursor:pointer;background:0 0;min-height:46px;font-size:9px}.cue-controls button:hover:not(:disabled){color:var(--paper);border-color:var(--tutorial-accent)}.cue-controls button.next-cue{border-color:var(--tutorial-accent);color:#11130e;background:var(--tutorial-accent);font-weight:700}.cue-controls button:disabled{opacity:.3;cursor:default}.cue-timeline{border-bottom:1px solid var(--line)}.cue-timeline button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:82px;color:var(--paper);text-align:left;cursor:pointer;background:0 0;grid-template-columns:35px minmax(0,1fr) minmax(118px,auto);align-items:center;gap:17px;padding:14px 22px;transition:background .16s;display:grid}.cue-timeline button:last-child{border-bottom:0}.cue-timeline button:hover{background:#ffffff06}.cue-timeline button.active{background:color-mix(in srgb, var(--tutorial-accent) 9%, transparent);box-shadow:inset 3px 0 0 var(--tutorial-accent)}.cue-step{color:#555a54;font:8px DM Mono}.cue-timeline button.active .cue-step{color:var(--tutorial-accent)}.cue-timeline-copy{gap:7px;min-width:0;display:grid}.cue-timeline-copy small{color:#6c716a;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font:7px DM Mono;overflow:hidden}.cue-timeline-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.cue-chord-badge{color:#8b9089;text-transform:capitalize;align-items:center;gap:9px;min-width:115px;font:8px DM Mono;display:flex}.cue-chord-badge b{border:1px solid color-mix(in srgb, var(--tutorial-accent) 48%, transparent);width:27px;height:27px;color:var(--tutorial-accent);border-radius:50%;place-items:center;font-weight:500;display:grid}.tutorial-rights-note{border:1px solid var(--line);border-top:0;align-items:center;gap:22px;min-height:78px;padding:20px 28px;display:flex}.tutorial-rights-note span{border:1px solid var(--line);color:var(--tutorial-accent);text-transform:uppercase;border-radius:999px;flex:none;padding:7px 10px;font:7px DM Mono}.tutorial-rights-note p{color:#747972;margin:0;font-size:9px;line-height:1.6}.lesson-callout.tutorial-callout{background:var(--tutorial-accent);margin-top:70px}.studio-page{padding-bottom:50px}.studio-heading{justify-content:space-between;align-items:center;min-height:145px;display:flex}.studio-heading h1{letter-spacing:-.05em;margin:8px 0 0;font-size:38px;font-weight:500;line-height:1}.studio-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.sound-preset-control{border:1px solid var(--line);border-radius:999px;grid-template-columns:auto 1fr;align-items:stretch;min-height:42px;display:grid;overflow:hidden}.sound-preset-control>span{color:var(--muted);text-transform:uppercase;place-items:center;padding:0 12px 0 15px;font:9px DM Mono;display:grid}.sound-preset-control>div{display:flex}.sound-preset-control button{border:0;border-left:1px solid var(--line);color:#8b9089;cursor:pointer;background:0 0;padding:0 12px;font-size:9px;transition:color .16s,background .16s}.sound-preset-control button:hover{color:var(--paper)}.sound-preset-control button.active{color:var(--ink);background:var(--paper)}.sound-preset-control button[data-preset=choir].active{background:var(--violet)}.sound-preset-control button[data-preset=dream-pad].active{background:var(--lime)}.sound-preset-control button:focus-visible{outline:2px solid var(--paper);outline-offset:-3px}.volume-control{border:1px solid var(--line);border-radius:999px;grid-template-columns:auto 1fr 28px;align-items:center;gap:12px;min-width:220px;padding:11px 14px;display:grid}.volume-control span{color:var(--muted);text-transform:uppercase;font:9px DM Mono}.volume-control strong{font:9px DM Mono}.volume-control input{appearance:none;background:#454944;outline:none;height:2px}.volume-control input::-webkit-slider-thumb{appearance:none;background:var(--lime);cursor:pointer;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #cbff5e66}.sensitivity-control input{background:linear-gradient(90deg, #5d5a69, var(--lime))}.sensitivity-control input::-webkit-slider-thumb{background:var(--paper);box-shadow:0 0 0 3px #cbff5e26}.ghost-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:12px 17px;font-size:10px}.ghost-button:disabled{color:#555a54;cursor:not-allowed;opacity:.55}.studio-grid{border:1px solid var(--line);grid-template-columns:minmax(0,1fr) 335px;min-height:min(790px,100vh - 225px);transition:border-color .24s,box-shadow .24s;display:grid}.studio-grid.is-playing{border-color:#cbff5e61;box-shadow:0 0 60px #cbff5e0a}.camera-panel{border-right:1px solid var(--line);grid-template-rows:1fr 54px;min-width:0;display:grid}.camera-stage{background:radial-gradient(circle,#222620,#0d0f0d 70%);min-height:650px;position:relative;overflow:hidden}.camera-stage video,.camera-stage canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera-stage video{opacity:.7;filter:saturate(.6)contrast(1.08)}.camera-stage canvas{z-index:2}.camera-vignette{z-index:3;pointer-events:none;background-image:radial-gradient(circle,#0000 45%,#06080666);position:absolute;inset:0;box-shadow:inset 0 0 150px #000000ad}.camera-topline{z-index:5;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font:8px DM Mono;display:flex;position:absolute;top:22px;left:25px;right:25px}.live-indicator{align-items:center;gap:7px;display:flex}.live-indicator i{background:#626661;border-radius:50%;width:6px;height:6px}.live-indicator.on i{background:var(--lime);box-shadow:0 0 10px var(--lime)}.camera-corners{z-index:4;pointer-events:none;position:absolute;inset:62px}.camera-corners i{border-style:solid;border-color:#ffffff38;width:28px;height:28px;position:absolute}.camera-corners i:first-child{border-width:1px 0 0 1px;top:0;left:0}.camera-corners i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.camera-corners i:nth-child(3){border-width:0 1px 1px 0;bottom:0;right:0}.camera-corners i:nth-child(4){border-width:0 0 1px 1px;bottom:0;left:0}.start-overlay{z-index:8;text-align:center;background:radial-gradient(circle at 50% 44%,#b7a8ff1c,#0b0d0bf2 46%);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}.start-overlay h2{letter-spacing:-.06em;margin:11px 0 17px;font-size:clamp(39px,4vw,58px);font-weight:500;line-height:.98}.start-overlay>p:not(.eyebrow){color:#92968f;max-width:440px;font-size:12px;line-height:1.65}.start-actions{align-items:center;gap:8px;margin-top:26px;display:flex}.start-actions .button{margin-top:0}.start-overlay>small{color:#62665f;text-transform:uppercase;margin-top:15px;font:8px DM Mono}.start-orb{width:62px;height:62px;color:var(--lime);border:1px solid #cbff5e5c;border-radius:50%;place-items:center;margin-bottom:18px;display:grid;box-shadow:0 0 40px #cbff5e14}.start-orb span{font-size:21px}.calibration-overlay{z-index:8;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 50% 46%,#cbff5e17,#080a08f0 54%);flex-direction:column;justify-content:center;align-items:center;padding:42px;display:flex;position:absolute;inset:0}.calibration-progress{align-items:center;gap:8px;margin-bottom:22px;display:flex}.calibration-progress i{background:#40443e;width:28px;height:3px}.calibration-progress i.active{background:#cbff5e7a;animation:1.2s ease-in-out infinite alternate calibration-pulse}.calibration-progress i.complete{background:var(--lime);box-shadow:0 0 12px #cbff5e59}.calibration-overlay h2{letter-spacing:-.055em;margin:12px 0 15px;font-size:clamp(34px,3.7vw,50px);font-weight:500;line-height:1}.calibration-overlay>p:not(.eyebrow):not(.calibration-error){color:#989d96;max-width:560px;margin:0;font-size:12px;line-height:1.7}.calibration-hand-preview{place-items:center;min-height:105px;margin-top:18px;display:grid}.calibration-hand-preview .finger-diagram{transform:scale(.78)}.calibration-hand-status{grid-template-columns:1fr 1fr;gap:8px;width:min(520px,100%);margin:10px 0 18px;display:grid}.calibration-hand-status.single-hand{grid-template-columns:1fr;width:min(340px,100%)}.calibration-hand-status>span{border:1px solid var(--line);color:#858a83;text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:54px;padding:0 15px;font-size:10px;display:grid}.calibration-hand-status>span>i{background:#555a53;border-radius:50%;width:7px;height:7px}.calibration-hand-status>span small{color:#61665f;text-transform:uppercase;font:7px DM Mono}.calibration-hand-status>span.ready{color:var(--paper);background:#cbff5e09;border-color:#cbff5e6b}.calibration-hand-status>span.ready>i{background:var(--lime);box-shadow:0 0 9px var(--lime)}.calibration-hand-status>span.ready small{color:var(--lime)}.calibration-actions{justify-content:center;align-items:center;gap:9px;display:flex}.calibration-actions .button,.calibration-overlay>.button{border:0;min-height:43px}.calibration-actions .button:disabled{cursor:not-allowed;opacity:.36}.calibration-samples{color:#666b64;text-transform:uppercase;letter-spacing:.07em;margin-top:15px;font:7px DM Mono}.calibration-error{color:#ffab85;background:#ff8a570f;border:1px solid #ff8a5759;max-width:520px;margin:-7px 0 18px;padding:9px 12px;font:8px/1.5 DM Mono}.calibration-success{width:58px;height:58px;color:var(--lime);border:1px solid #cbff5e8c;border-radius:50%;place-items:center;margin-bottom:22px;font-size:21px;display:grid;box-shadow:0 0 35px #cbff5e14}.calibration-summary{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:min(520px,100%);margin:27px 0 22px;display:grid}.calibration-summary span{border-right:1px solid var(--line);place-content:center;gap:6px;min-height:67px;display:grid}.calibration-summary span:last-child{border-right:0}.calibration-summary small{color:#686d66;text-transform:uppercase;font:7px DM Mono}.calibration-summary strong{font-size:13px;font-weight:500}.live-tutorial-coach{z-index:7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0e0ce6;border:1px solid #b7a8ff6b;position:absolute;bottom:20px;left:22px;right:22px;box-shadow:0 22px 70px #00000061}.live-tutorial-coach>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;display:flex}.live-tutorial-coach>header>div{gap:4px;display:grid}.live-tutorial-coach>header small{color:var(--violet);text-transform:uppercase;letter-spacing:.09em;font:7px DM Mono}.live-tutorial-coach>header strong{font-size:11px;font-weight:600}.live-tutorial-coach>header button{border:1px solid var(--line);color:#8b9089;cursor:pointer;background:0 0;border-radius:50%;width:30px;height:30px;font-size:17px}.live-tutorial-body{grid-template-columns:245px minmax(0,1fr);min-height:205px;display:grid}.live-tutorial-target{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:16px;padding:22px;display:flex}.live-tutorial-target>div{justify-items:center;gap:8px;min-width:88px;display:grid}.live-tutorial-target>div>small{color:#666b64;text-transform:uppercase;font:7px DM Mono}.live-tutorial-target>span{color:#60655e;font:13px DM Mono}.live-tutorial-target .finger-diagram{transform:scale(.72)}.live-tutorial-target .free-hand{border:1px dashed #3d413c;align-content:center;min-height:100px}.live-tutorial-target .free-hand strong{color:#777c75;font:400 18px Newsreader}.live-tutorial-copy{flex-direction:column;justify-content:center;padding:28px;display:flex}.live-tutorial-copy h2{letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,38px);font-weight:500}.live-tutorial-copy p{color:#8e938c;max-width:500px;margin:9px 0 18px;font-size:10px;line-height:1.65}.live-tutorial-copy>strong{color:#777c75;align-items:center;gap:8px;font:400 8px DM Mono;display:flex}.live-tutorial-copy>strong i{background:#555a54;border-radius:50%;width:7px;height:7px}.live-tutorial-copy>strong.matching{color:var(--lime)}.live-tutorial-copy>strong.matching i{background:var(--lime);box-shadow:0 0 9px var(--lime)}.live-tutorial-hold{border-top:1px solid var(--line);grid-template-columns:auto 1fr 34px;align-items:center;gap:13px;min-height:45px;padding:0 18px;display:grid}.live-tutorial-hold span,.live-tutorial-hold strong{color:#72776f;text-transform:uppercase;font:7px DM Mono}.live-tutorial-hold strong{color:var(--violet);text-align:right}.live-tutorial-hold>i{background:#343834;height:3px;overflow:hidden}.live-tutorial-hold b{background:linear-gradient(90deg,var(--violet),var(--lime));height:100%;transition:width 70ms linear;display:block}.live-tutorial-complete{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:245px;padding:30px;display:grid}.live-tutorial-complete>span{width:52px;height:52px;color:var(--lime);border:1px solid #cbff5e80;border-radius:50%;place-items:center;font-size:19px;display:grid}.live-tutorial-complete h2{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:500}.live-tutorial-complete p{color:#858a83;max-width:480px;margin:8px 0 0;font-size:10px;line-height:1.65}.live-tutorial-complete>div:last-child{gap:8px;display:flex}.live-tutorial-complete .button{border:0}@keyframes calibration-pulse{to{opacity:.45}}.camera-error{z-index:9;text-align:center;background:#171a17;border:1px solid #ff8a5780;width:min(390px,100% - 40px);padding:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-error p{color:var(--muted);font-size:12px;line-height:1.6}.camera-error button{border:0;border-bottom:1px solid var(--orange);color:var(--paper);cursor:pointer;background:0 0;padding:6px}.active-chord-hero{z-index:6;pointer-events:none;text-shadow:0 5px 30px #000;justify-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.active-chord-hero small{color:var(--lime);text-transform:uppercase;letter-spacing:.14em;font:8px DM Mono}.active-chord-hero strong{color:var(--lime);opacity:.87;font:500 clamp(80px,10vw,150px)/.9 Newsreader}.active-chord-hero span{text-transform:capitalize;font-size:18px;font-weight:600}.camera-loop-transport{z-index:7;pointer-events:none;position:absolute;top:56px;left:22px;right:22px}.camera-loop-transport.count-in{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080a089e;flex-direction:column;justify-content:center;align-items:center;display:flex;inset:0}.camera-loop-transport.count-in small,.camera-loop-transport.count-in span{color:#9ba099;text-transform:uppercase;letter-spacing:.11em;font:8px DM Mono}.camera-loop-transport.count-in strong{color:var(--orange);text-shadow:0 0 55px #ff8a572e;margin:14px 0 5px;font:500 clamp(100px,16vw,190px)/.72 Newsreader}.camera-loop-transport.recording{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e0cdb;border:1px solid #ff8a576b;grid-template-columns:auto 1fr;align-items:center;gap:8px 25px;min-height:64px;padding:13px 16px;display:grid}.camera-loop-transport.recording>div{gap:5px;display:grid}.camera-loop-transport.recording small{color:var(--orange);text-transform:uppercase;align-items:center;gap:7px;font:7px DM Mono;display:flex}.camera-loop-transport.recording small i{background:var(--orange);width:6px;height:6px;box-shadow:0 0 9px var(--orange);border-radius:50%;animation:.7s ease-in-out infinite alternate looper-pulse}.camera-loop-transport.recording strong{font-size:10px}.camera-loop-transport.recording>span{color:#9a9f98;text-align:right;text-transform:capitalize;font-size:10px}.camera-loop-transport.recording>b{background:#3b3f3a;grid-column:1/-1;height:2px;overflow:hidden}.camera-loop-transport.recording>b i{background:var(--orange);height:100%;transition:width 45ms linear;display:block}.camera-loop-transport.overdub-count-in{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080a089e;flex-direction:column;justify-content:center;align-items:center;display:flex;inset:0}.camera-loop-transport.overdub-count-in small,.camera-loop-transport.overdub-count-in span{color:#9ba099;text-transform:uppercase;letter-spacing:.11em;font:8px DM Mono}.camera-loop-transport.overdub-count-in strong{color:var(--violet);text-shadow:0 0 55px #b7a8ff2e;margin:14px 0 5px;font:500 clamp(100px,16vw,190px)/.72 Newsreader}.camera-loop-transport.overdubbing{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e0cdb;border:1px solid #b7a8ff75;grid-template-columns:auto 1fr;align-items:center;gap:8px 25px;min-height:64px;padding:13px 16px;display:grid}.camera-loop-transport.overdubbing>div{gap:5px;display:grid}.camera-loop-transport.overdubbing small{color:var(--violet);text-transform:uppercase;align-items:center;gap:7px;font:7px DM Mono;display:flex}.camera-loop-transport.overdubbing small i{background:var(--violet);width:6px;height:6px;box-shadow:0 0 9px var(--violet);border-radius:50%;animation:.7s ease-in-out infinite alternate looper-pulse}.camera-loop-transport.overdubbing strong{font-size:10px}.camera-loop-transport.overdubbing>span{color:#9a9f98;text-align:right;text-transform:capitalize;font-size:10px}.camera-loop-transport.overdubbing>b{background:#3b3f3a;grid-column:1/-1;height:2px;overflow:hidden}.camera-loop-transport.overdubbing>b i{background:var(--violet);height:100%;transition:width 45ms linear;display:block}.camera-statusbar{background:#121412;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.camera-statusbar>span{align-items:center;gap:8px;font-size:10px;display:flex}.camera-statusbar>span i{background:#666a65;border-radius:50%;width:6px;height:6px}.camera-statusbar>span.status-live i{background:var(--lime);box-shadow:0 0 9px var(--lime)}.camera-statusbar p{color:#777b75;text-transform:uppercase;margin:0;font:8px DM Mono}.analyzer-panel{background:#111311;flex-direction:column;display:flex}.analyzer-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:52px;padding:0 18px;font-size:10px;font-weight:600;display:flex}.analyzer-title small{color:var(--lime);letter-spacing:.1em;font:7px DM Mono}.chord-readout{border-bottom:1px solid var(--line);min-height:250px;padding:23px 20px;position:relative;overflow:hidden}.chord-readout>small{color:#72766f;text-transform:uppercase;font:8px DM Mono}.chord-degree{color:var(--lime);margin:14px 0 5px;font:500 74px/.9 Newsreader}.chord-readout h2{text-transform:capitalize;margin:0;font-size:21px;font-weight:500}.chord-readout p{color:#747873;font:9px DM Mono}.mini-wave{align-items:center;gap:3px;height:36px;display:flex;position:absolute;bottom:23px;right:17px}.mini-wave i{background:var(--lime);opacity:.55;width:2px}.is-playing .mini-wave i{animation:.8s ease-in-out infinite alternate wave}.diagnostic-block,.tilt-block{border-bottom:1px solid var(--line);padding:17px 20px}.diagnostic-row{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.diagnostic-row span{color:#777c75;font-size:9px}.diagnostic-row strong{text-transform:capitalize;font-size:9px}.mono{color:var(--lime);letter-spacing:.13em;font-family:DM Mono}.finger-state-row{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.finger-state-row span{border:1px solid var(--line);color:#5d625b;place-items:center;height:26px;font:8px DM Mono;display:grid}.finger-state-row span.extended{color:var(--lime);background:#cbff5e14;border-color:#cbff5e8c}.tilt-meter{background:linear-gradient(90deg, var(--violet), #444 48%, #444 52%, var(--lime));height:3px;margin-top:20px;position:relative}.tilt-meter:before{content:"";background:#777;width:1px;height:11px;position:absolute;top:-4px;left:50%}.tilt-meter i{background:var(--paper);border:2px solid #111;border-radius:50%;width:9px;height:9px;transition:left 90ms linear;position:absolute;top:-3px;transform:translate(-50%)}.tilt-labels{color:#5f635e;text-transform:uppercase;justify-content:space-between;margin-top:9px;font:7px DM Mono;display:flex}.expression-block{border-bottom:1px solid var(--line);gap:12px;padding:15px 20px;display:grid}.expression-block>div{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;display:grid}.expression-block span{color:#777c75;font-size:8px}.expression-block strong{font:8px DM Mono}.expression-block i{background:#393d38;grid-column:1/-1;height:2px;overflow:hidden}.expression-block b{background:linear-gradient(90deg, var(--violet), var(--lime));height:100%;transition:width 90ms linear;display:block}.quick-tip{border:1px solid var(--line);gap:10px;margin:auto 18px 18px;padding:14px;display:flex}.quick-tip>span{border:1px solid #555;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font:9px Newsreader;display:grid}.quick-tip p{color:#737770;margin:0;font-size:8px;line-height:1.6}.quick-tip strong{color:var(--paper);font-size:9px;display:block}.studio-hand-diagram{flex:none;gap:2px;width:42px;height:50px}.studio-hand-diagram i{border-radius:5px 5px 2px 2px;width:5px;height:15px}.studio-hand-diagram i:first-child{height:12px;transform:rotate(-35deg)translateY(-1px)}.studio-hand-diagram.left-hand-diagram i:first-child{transform:rotate(35deg)translateY(-1px)}.studio-hand-diagram i:nth-child(2){height:22px}.studio-hand-diagram i:nth-child(3){height:26px}.studio-hand-diagram i:nth-child(4){height:22px}.studio-hand-diagram i:nth-child(5){height:18px}.studio-hand-diagram i.extended{height:39px;box-shadow:0 -3px 10px #cbff5e1a}.studio-hand-diagram i:first-child.extended{height:26px}.studio-hand-diagram span{border-radius:7px 7px 4px 4px;width:34px;height:14px}.gesture-dock{border:1px solid var(--line);border-top:0;grid-template-columns:1.25fr repeat(7,minmax(70px,.5fr)) 1.25fr;align-items:stretch;min-height:100px;display:grid}.gesture-dock>div:first-child,.gesture-dock>p{flex-direction:column;justify-content:center;padding:17px 20px;display:flex}.gesture-dock>div:first-child small{color:var(--lime);text-transform:uppercase;font:7px DM Mono}.gesture-dock>div:first-child strong{margin-top:5px;font-size:11px}.gesture-dock>div:not(:first-child){border-left:1px solid var(--line);color:#777c75;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:background .12s,color .12s;display:flex}.gesture-dock>div.detected{color:var(--lime);background:#cbff5e14}.gesture-dock>div small{font:7px DM Mono}.gesture-dock>p{border-left:1px solid var(--line);color:#767a74;margin:0;font-size:8px;line-height:1.8}.gesture-dock b{color:var(--paper)}.modifier-dock{border:1px solid var(--line);border-top:0;grid-template-columns:1.25fr repeat(5,minmax(102px,.62fr)) 1.25fr;align-items:stretch;min-height:112px;display:grid}.modifier-dock>div:first-child,.modifier-dock>p{flex-direction:column;justify-content:center;padding:16px 20px;display:flex}.modifier-dock>div:first-child small{color:var(--violet);text-transform:uppercase;font:7px DM Mono}.modifier-dock>div:first-child strong{margin-top:5px;font-size:11px}.modifier-dock>div:not(:first-child){border-left:1px solid var(--line);color:#777c75;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background .12s,color .12s;display:flex}.modifier-dock>div:not(:first-child) small{text-transform:uppercase;font:7px DM Mono}.modifier-dock>div:not(:first-child) strong{font-size:8px;font-weight:600}.modifier-dock>div.detected{color:var(--violet);background:#b7a8ff17}.modifier-dock>p{border-left:1px solid var(--line);color:#767a74;margin:0;font-size:8px;line-height:1.8}.modifier-dock b{color:var(--paper)}.midi-panel{border:1px solid var(--line);--midi-accent:var(--lime);background:#101210;margin-top:34px}.midi-panel.ready{border-color:#cbff5e5c;box-shadow:0 0 48px #cbff5e09}.midi-panel.error{--midi-accent:var(--orange)}.midi-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 20%,#cbff5e0d,#0000 34%);grid-template-columns:minmax(230px,.7fr) minmax(330px,1fr) auto;align-items:center;gap:36px;min-height:132px;padding:28px 34px;display:grid}.midi-header .eyebrow{margin:0}.midi-header .eyebrow span{background:var(--midi-accent);box-shadow:0 0 8px var(--midi-accent)}.midi-header h2{letter-spacing:-.045em;margin:9px 0 0;font-size:34px;font-weight:500}.midi-header>p{color:#858a83;margin:0;font-size:10px;line-height:1.75}.midi-state{border:1px solid var(--line);color:#858a83;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:130px;padding:11px 14px;font:7px DM Mono;display:flex}.midi-state i{background:#5c615a;border-radius:50%;width:6px;height:6px}.midi-panel.ready .midi-state{color:var(--lime);border-color:#cbff5e4d}.midi-panel.ready .midi-state i{background:var(--lime);box-shadow:0 0 9px var(--lime)}.midi-panel.requesting .midi-state i{background:var(--violet);animation:.7s ease-in-out infinite alternate looper-pulse}.midi-panel.error .midi-state{color:var(--orange);border-color:#ff8a5757}.midi-panel.error .midi-state i{background:var(--orange)}.midi-body{grid-template-columns:1.25fr 1fr .78fr;min-height:150px;display:grid}.midi-routing{border-right:1px solid var(--line);grid-template-columns:minmax(0,1fr) 95px;gap:12px;padding:24px;display:grid}.midi-routing label{gap:8px;min-width:0;display:grid}.midi-routing label>span{color:#686d66;text-transform:uppercase;font:7px DM Mono}.midi-routing select{border:1px solid var(--line-strong);width:100%;min-height:39px;color:var(--paper);background:#0c0e0c;border-radius:0;padding:0 30px 0 12px;font:9px DM Mono}.midi-routing select:disabled{opacity:.45}.midi-connect{min-height:37px;color:var(--lime);text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #cbff5e61;border-radius:999px;grid-column:1/-1;font:8px DM Mono}.midi-connect:hover:not(:disabled){color:var(--ink);background:var(--lime)}.midi-connect:disabled{opacity:.42;cursor:not-allowed}.midi-mappings{border-right:1px solid var(--line);grid-template-rows:repeat(3,1fr);display:grid}.midi-mappings>span{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:0 22px;display:flex}.midi-mappings>span:last-child{border-bottom:0}.midi-mappings small{color:#686d66;text-transform:uppercase;font:7px DM Mono}.midi-mappings strong{color:#a2a69f;text-align:right;font-size:9px;font-weight:600}.midi-actions{grid-template-rows:1fr 1fr;display:grid}.midi-actions button{border:0;border-bottom:1px solid var(--line);color:#777c75;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:18px;padding:0 22px;display:flex}.midi-actions button:last-child{border-bottom:0}.midi-actions button:hover:not(:disabled){color:var(--paper);background:#ffffff06}.midi-actions button:disabled{opacity:.4;cursor:not-allowed}.midi-actions span{text-transform:uppercase;font:7px DM Mono}.midi-actions strong{color:var(--paper);font-size:9px}.midi-actions button[aria-pressed=true] strong{color:var(--lime)}.midi-actions .midi-panic strong{color:var(--orange)}.midi-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:12px 22px;display:flex}.midi-footer p{color:#777c75;margin:0;font-size:8px;line-height:1.5}.midi-footer small{color:#5e635c;text-align:right;text-transform:uppercase;font:7px DM Mono}.performance-looper{border:1px solid var(--line);--loop-accent:var(--orange);background:#101210;margin-top:34px}.performance-looper.recording,.performance-looper.count-in{border-color:#ff8a5773;box-shadow:0 0 55px #ff8a570a}.performance-looper.playing{border-color:#b7a8ff59}.performance-looper.overdubbing,.performance-looper.overdub-count-in{border-color:#b7a8ff7a;box-shadow:0 0 55px #b7a8ff0d}.looper-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 10%,#ff8a570e,#0000 35%);grid-template-columns:1fr minmax(330px,.55fr);align-items:end;gap:45px;min-height:150px;padding:35px 40px;display:grid}.looper-header .eyebrow{margin:0}.looper-header .eyebrow span{background:var(--loop-accent);box-shadow:0 0 8px var(--loop-accent)}.looper-header h2{letter-spacing:-.05em;margin:11px 0 0;font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1}.looper-header>p{color:#8b9089;margin:0;font-size:11px;line-height:1.75}.looper-workspace{grid-template-columns:280px minmax(0,1fr);min-height:465px;display:grid}.looper-settings{border-right:1px solid var(--line);background:#0d0f0d;flex-direction:column;gap:25px;padding:25px 22px;display:flex}.looper-setting{border:0;min-width:0;margin:0;padding:0}.looper-setting>label,.looper-setting legend{color:#777c75;text-transform:uppercase;letter-spacing:.09em;margin-bottom:11px;font:7px DM Mono;display:block}.looper-setting>small{color:#5f645e;margin-top:9px;font:7px/1.45 DM Mono;display:block}.tempo-value{align-items:baseline;gap:7px;display:flex}.tempo-value input{width:76px;color:var(--paper);letter-spacing:-.05em;background:0 0;border:0;padding:0;font:500 34px Manrope}.tempo-value input:focus{outline:0}.tempo-value span{color:var(--loop-accent);font:7px DM Mono}.looper-setting>input[type=range]{appearance:none;background:linear-gradient(90deg,var(--loop-accent),#3b3f3a);width:100%;height:2px;margin-top:13px}.looper-setting>input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--paper);cursor:pointer;border-radius:50%;width:9px;height:9px}.looper-setting input:disabled{opacity:.45;cursor:not-allowed}.looper-segments{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.looper-segments button{border:0;border-right:1px solid var(--line);color:#777c75;cursor:pointer;background:0 0;min-height:35px;padding:0;font:8px DM Mono}.looper-segments button:last-child{border-right:0}.looper-segments button.active{color:#101210;background:var(--loop-accent)}.looper-segments button:disabled{cursor:not-allowed;opacity:.55}.looper-take{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.looper-transport{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 20px;display:flex}.looper-status{align-items:center;gap:11px;min-width:0;display:flex}.transport-light{background:#5b6059;border-radius:50%;flex:none;width:8px;height:8px}.transport-light.count-in,.transport-light.recording{background:var(--loop-accent);box-shadow:0 0 12px var(--loop-accent);animation:.75s ease-in-out infinite alternate looper-pulse}.transport-light.playing{background:var(--violet);box-shadow:0 0 12px var(--violet)}.looper-status>div{gap:5px;min-width:0;display:grid}.looper-status small{color:#666b64;text-transform:uppercase;font:7px DM Mono}.looper-status strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.transport-light.overdub-count-in,.transport-light.overdubbing{background:var(--violet);box-shadow:0 0 12px var(--violet);animation:.75s ease-in-out infinite alternate looper-pulse}.looper-buttons{align-items:center;gap:7px;display:flex}.looper-control{border:1px solid var(--line-strong);color:#a0a59e;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 15px;font:8px DM Mono;display:inline-flex}.looper-control:hover:not(:disabled){color:var(--paper);border-color:currentColor}.looper-control:disabled{opacity:.32;cursor:not-allowed}.record-take{color:var(--loop-accent);border-color:#ff8a5780}.record-take i{background:currentColor;border-radius:50%;width:7px;height:7px}.cancel-take{color:var(--loop-accent)}.cancel-take i{font-style:normal}.play-take{color:var(--violet)}.overdub-take{color:var(--violet);border-color:#b7a8ff73}.undo-take{color:#91968f}.loop-timeline{background:repeating-linear-gradient(0deg,#0000 0 54px,#ffffff06 55px);min-height:290px;position:relative;overflow:hidden}.loop-ruler{pointer-events:none;position:absolute;inset:0}.loop-ruler i{background:#ffffff0b;width:1px;position:absolute;top:0;bottom:0}.loop-ruler i.bar-start{background:#ffffff1c}.loop-events{z-index:2;transition:opacity .18s;position:absolute;inset:54px 0 40px}.loop-events.replacing{opacity:.13}.loop-event{background:linear-gradient(140deg,#cbff5e21,#cbff5e09);border:1px solid #cbff5e57;min-width:22px;height:118px;padding:14px;position:absolute;top:22px;overflow:hidden}.loop-event[data-quality=minor]{background:linear-gradient(140deg,#b7a8ff24,#b7a8ff09);border-color:#b7a8ff66}.loop-event b{width:27px;height:27px;color:var(--lime);border:1px solid;border-radius:50%;place-items:center;margin-bottom:16px;font:8px DM Mono;display:grid}.loop-event[data-quality=minor] b{color:var(--violet)}.loop-event span,.loop-event small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.loop-event span{text-transform:capitalize;font-size:10px;font-weight:600}.loop-event small{color:#777c75;text-transform:uppercase;margin-top:5px;font:6px DM Mono}.loop-empty{justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.loop-empty>span{width:38px;height:38px;color:var(--loop-accent);border:1px solid #ff8a574d;border-radius:50%;place-items:center;font-size:8px;display:grid}.loop-empty strong{font-size:12px}.loop-empty p{color:#71766f;max-width:430px;margin:6px 0 0;font-size:9px;line-height:1.55}.new-take-overlay{z-index:4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0c0ac7;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.new-take-overlay span{color:var(--loop-accent);font:500 clamp(58px,8vw,98px)/.8 Newsreader}.new-take-overlay strong{color:#a4a9a2;text-transform:uppercase;letter-spacing:.1em;font:8px DM Mono}.loop-playhead{z-index:5;background:var(--paper);pointer-events:none;width:1px;transition:left 45ms linear;position:absolute;top:0;bottom:0;box-shadow:0 0 9px #ffffff8c}.new-take-overlay.overdub span{color:var(--violet)}.loop-timeline.layered{min-height:290px}.layered-ruler{left:150px}.loop-layers{z-index:2;min-height:290px;padding:18px 0;transition:opacity .18s;position:relative}.loop-layers.replacing{opacity:.13}.loop-layer{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);min-height:86px;transition:opacity .16s;display:grid}.loop-layer:last-child{border-bottom:0}.loop-layer.muted{opacity:.36}.loop-layer-meta{border-right:1px solid var(--line);background:#0a0c0ab8;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:10px 12px;display:grid}.loop-layer-meta>span{color:#5f645e;font:7px DM Mono}.loop-layer-meta>div{gap:4px;min-width:0;display:grid}.loop-layer-meta small{color:#626760;text-transform:uppercase;font:6px DM Mono}.loop-layer-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.loop-layer-meta button{border:0;border-bottom:1px solid var(--line);color:#777c75;text-transform:uppercase;cursor:pointer;background:0 0;padding:5px 0;font:6px DM Mono}.loop-layer-meta button:last-child{border:1px solid var(--line);border-radius:50%;width:19px;font-size:11px}.loop-layer-events{min-width:0;min-height:86px;position:relative}.loop-layer-events .loop-event{grid-template-rows:1fr 1fr;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:7px;height:64px;padding:8px 9px;display:grid;top:11px}.loop-layer-events .loop-event b{grid-row:1/-1;width:23px;height:23px;margin:0}.loop-layer-events .loop-event span{font-size:8px}.loop-layer-events .loop-event small{margin:0;font-size:5px}.loop-playhead-track{z-index:5;pointer-events:none;position:absolute;inset:0 0 0 150px}.loop-playhead-track .loop-playhead{top:0;bottom:0}.looper-footer{border-top:1px solid var(--line);grid-template-columns:auto minmax(220px,.7fr);align-items:center;gap:28px;min-height:82px;padding:14px 20px;display:grid}.looper-footer>div{align-items:stretch;display:flex}.looper-footer span{border-right:1px solid var(--line);gap:6px;min-width:78px;padding:0 15px;display:grid}.looper-footer span:first-child{padding-left:0}.looper-footer small{color:#646962;text-transform:uppercase;font:7px DM Mono}.looper-footer strong{font-size:10px;font-weight:600}.looper-footer p{color:#6f746d;text-align:right;margin:0;font-size:8px;line-height:1.6}@keyframes looper-pulse{to{opacity:.38}}.loop-layer-meta{position:relative}.piano-grid.lime .composer-note{--track-color:var(--lime)}.piano-grid.violet .composer-note{--track-color:var(--violet)}.piano-grid.orange .composer-note{--track-color:var(--orange)}.piano-grid.blue .composer-note{--track-color:#67c8ff}.composer-page{width:min(1560px,100% - 48px);margin:0 auto;padding-bottom:80px}.composer-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 77% 52%,#b7a8ff17,#0000 19rem);grid-template-columns:1.25fr .55fr;align-items:end;gap:80px;min-height:420px;padding:60px 4vw;display:grid}.composer-hero h1{letter-spacing:-.067em;margin:25px 0 0;font-size:clamp(54px,6vw,96px);font-weight:500;line-height:.91}.composer-hero>p{color:#999e97;max-width:470px;margin:0 0 12px;font-size:13px;line-height:1.8}.composer-shell{border:1px solid var(--line);background:#0d0f0d;margin-top:45px;position:relative}.composer-transport{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,.8fr) auto minmax(430px,1fr);align-items:stretch;min-height:112px;display:grid}.composer-project-name{border-right:1px solid var(--line);align-content:center;padding:22px 26px;display:grid}.composer-project-name small,.composer-session-settings span,.composer-play-controls small{color:#666b65;text-transform:uppercase;font:7px DM Mono}.composer-project-name input{width:100%;color:var(--paper);background:0 0;border:0;outline:0;margin:5px 0 4px;padding:0;font-size:17px;font-weight:600}.composer-project-name span{color:#5e635d;font-size:7px}.composer-play-controls{border-right:1px solid var(--line);align-items:stretch;min-width:275px;display:flex}.composer-play-controls>button{border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;min-width:64px;padding:0 18px}.composer-play-controls>button:hover,.composer-play-controls>button.active{color:var(--lime);background:#cbff5e0f}.composer-play-controls .composer-record{color:#b4b8b1;text-transform:uppercase;align-items:center;gap:8px;font:8px DM Mono;display:flex}.composer-record i{background:var(--orange);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #ff8a5759}.composer-record.active i{animation:.55s ease-in-out infinite alternate looper-pulse}.composer-play-controls>div{align-content:center;gap:7px;min-width:82px;padding:0 18px;display:grid}.composer-play-controls strong{font:15px DM Mono}.composer-session-settings{grid-template-columns:repeat(3,1fr);display:grid}.composer-session-settings label{border-right:1px solid var(--line);align-content:center;gap:7px;min-width:0;padding:18px 20px;display:grid}.composer-session-settings label:last-child{border-right:0}.composer-session-settings input,.composer-session-settings select,.composer-editor-header select{border:0;border-bottom:1px solid var(--line-strong);width:100%;min-width:0;color:var(--paper);background:0 0;outline:0;padding:7px 0;font:500 12px DM Mono}.composer-session-settings label:first-child{grid-template-columns:1fr auto}.composer-session-settings label:first-child span{grid-column:1/-1}.composer-session-settings label:first-child input{width:55px}.composer-session-settings label:first-child small{color:#6f746d;align-self:center;font:7px DM Mono}.composer-workspace{grid-template-columns:255px minmax(0,1fr);min-height:760px;display:grid}.composer-tracks{border-right:1px solid var(--line);background:#101210}.composer-tracks>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:66px;padding:13px 15px;display:flex}.composer-tracks>header div{align-items:baseline;gap:9px;display:flex}.composer-tracks>header small{color:#6f746d;text-transform:uppercase;font:7px DM Mono}.composer-tracks>header strong{font-size:18px}.composer-tracks>header button{border:1px solid var(--line);color:#9da19b;cursor:pointer;background:0 0;border-radius:20px;padding:8px 10px;font:7px DM Mono}.composer-tracks article{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:1fr auto;align-items:center;min-height:98px;padding:12px;transition:background .15s;display:grid;position:relative}.composer-tracks article:before{content:"";opacity:0;background:var(--track-color);width:3px;position:absolute;top:0;bottom:0;left:0}.composer-tracks article.selected{background:color-mix(in srgb,var(--track-color) 7%,transparent)}.composer-tracks article.selected:before{opacity:1}.composer-tracks article.lime{--track-color:var(--lime)}.composer-tracks article.violet{--track-color:var(--violet)}.composer-tracks article.orange{--track-color:var(--orange)}.composer-tracks article.blue{--track-color:#67c8ff}.track-select{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;display:grid}.track-select>span{color:var(--track-color);font:8px DM Mono}.track-select>div{gap:3px;min-width:0;display:grid}.track-select small{color:#686d66;text-transform:uppercase;font:6px DM Mono}.track-select strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.track-select em{color:#676c65;font:7px DM Mono}.track-actions{gap:4px;display:flex}.track-actions button{border:1px solid var(--line);color:#71766f;cursor:pointer;background:0 0;width:25px;height:25px;padding:0;font:7px DM Mono}.track-actions button.active{border-color:var(--track-color);color:var(--track-color);background:color-mix(in srgb,var(--track-color) 8%,transparent)}.import-loop-button{border:1px dashed var(--line-strong);width:calc(100% - 24px);min-height:75px;color:var(--paper);text-align:left;cursor:pointer;background:#b7a8ff09;align-items:center;gap:12px;margin:18px 12px;padding:13px;display:flex}.import-loop-button:disabled{opacity:.4;cursor:not-allowed}.import-loop-button>span{color:var(--violet);font-size:18px}.import-loop-button div{gap:4px;display:grid}.import-loop-button strong{font-size:9px}.import-loop-button small{color:#70756e;font:6px DM Mono}.composer-editor{min-width:0;position:relative;overflow:hidden}.composer-editor-header{border-bottom:1px solid var(--line);grid-template-columns:1fr 160px auto;align-items:stretch;min-height:66px;display:grid}.composer-editor-header>div:first-child{align-content:center;gap:3px;padding:13px 18px;display:grid;position:relative}.composer-editor-header small,.composer-editor-header label>span{color:#676c65;text-transform:uppercase;font:6px DM Mono}.composer-editor-header strong{font-size:12px}.track-color{border-radius:50%;width:7px;height:7px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.track-color.lime{background:var(--lime)}.track-color.violet{background:var(--violet)}.track-color.orange{background:var(--orange)}.track-color.blue{background:#67c8ff}.composer-editor-header label{border-left:1px solid var(--line);padding:11px 15px}.note-tools{padding:0!important;display:flex!important}.note-tools button{border:0;border-left:1px solid var(--line);color:#9a9e98;text-transform:uppercase;cursor:pointer;background:0 0;min-width:74px;padding:0 13px;font:7px DM Mono}.note-tools button:disabled{opacity:.3;cursor:not-allowed}.note-tools button:hover:not(:disabled){color:var(--paper);background:#ffffff06}.composer-ruler{border-bottom:1px solid var(--line);background:#0e100e;grid-template-columns:62px minmax(1000px,1fr);height:34px;display:grid;overflow:hidden}.composer-ruler>span{border-right:1px solid var(--line)}.composer-ruler>div{min-width:1000px;position:relative}.composer-ruler i{border-left:1px solid var(--line-strong);color:#6c716a;height:100%;padding:10px 0 0 8px;font:7px DM Mono;position:absolute;top:0}.composer-piano-scroll{scrollbar-color:#424740 #121412;height:570px;overflow:auto}.composer-piano{grid-template-columns:62px minmax(1000px,1fr);min-width:1062px;display:grid;position:relative}.piano-labels{z-index:8;border-right:1px solid var(--line);background:#111311;position:sticky;left:0}.piano-labels>div{color:#8a8f88;border-bottom:1px solid #f2f3ea0e;justify-content:flex-end;align-items:center;padding:0 8px;font:6px DM Mono;display:flex}.piano-labels>div.accidental{color:#d3d5cd;background:#090a09}.piano-labels>div span{pointer-events:none}.piano-grid{cursor:crosshair;background:#111311;min-width:1000px;position:relative;overflow:hidden}.pitch-line{pointer-events:none;border-bottom:1px solid #f2f3ea0e;width:100%;position:absolute;left:0}.pitch-line.accidental{background:#00000038}.beat-line{z-index:1;pointer-events:none;background:#f2f3ea0f;width:1px;position:absolute;top:0;bottom:0}.beat-line.bar-line{background:#f2f3ea29}.composer-note{--track-color:var(--lime);z-index:3;border:1px solid color-mix(in srgb,var(--track-color) 72%,white);color:#10120e;background:var(--track-color);text-align:left;cursor:grab;border-radius:2px;min-width:8px;padding:0 11px 0 6px;position:absolute;overflow:hidden;box-shadow:0 3px 10px #0000002e}.composer-note[data-source=gesture]{background:linear-gradient(90deg,var(--track-color),color-mix(in srgb,var(--track-color) 60%,#fff))}.composer-note[data-source=keyboard]{background:color-mix(in srgb,var(--track-color) 82%,#fff)}.composer-note.selected{z-index:4;outline:2px solid var(--paper);outline-offset:1px}.composer-note>span{text-overflow:ellipsis;pointer-events:none;font:7px DM Mono;display:block;overflow:hidden}.composer-note>i{cursor:ew-resize;border-left:1px solid #00000038;width:7px;position:absolute;top:0;bottom:0;right:0}.composer-playhead{z-index:6;background:var(--orange);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.composer-playhead>i{background:var(--orange);width:7px;height:7px;margin-left:-3px;display:block;position:sticky;top:0;transform:rotate(45deg)}.composer-inspector{border-top:1px solid var(--line);background:#101210;align-items:stretch;min-height:90px;padding:0 18px;display:flex}.composer-inspector>div:first-child{align-content:center;gap:4px;min-width:170px;padding:15px 22px 15px 0;display:grid}.composer-inspector small,.composer-inspector label span{color:#666b65;text-transform:uppercase;font:6px DM Mono}.composer-inspector strong{font-size:13px}.composer-inspector div:first-child>span{color:var(--violet);text-transform:uppercase;font:6px DM Mono}.composer-inspector label{border-left:1px solid var(--line);align-content:center;gap:8px;min-width:145px;padding:15px 18px;display:grid}.composer-inspector input{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--paper);background:0 0;outline:0;padding:5px 0;font:9px DM Mono}.composer-empty-inspector{max-width:470px;flex-direction:row!important;align-items:center!important;gap:14px!important;display:flex!important}.composer-empty-inspector>span{border:1px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;color:var(--lime)!important}.composer-empty-inspector p{color:#747972;margin:0;font-size:8px;line-height:1.55}.composer-empty-inspector p strong{color:#b7bbb4;font-size:9px;display:block}.composer-keyboard-help{border-top:1px solid var(--line);background:radial-gradient(circle at 78% 40%,#b7a8ff13,#0000 18rem);grid-template-columns:330px minmax(0,1fr);align-items:center;gap:60px;min-height:260px;padding:32px;display:grid}.composer-keyboard-help>div:first-child small{color:var(--violet);text-transform:uppercase;font:7px DM Mono}.composer-keyboard-help h2{letter-spacing:-.04em;margin:12px 0;font-size:29px;font-weight:500}.composer-keyboard-help p{color:#7d827b;margin:0;font-size:9px;line-height:1.7}.composer-keyboard-help kbd{font:inherit}.laptop-keyboard{align-items:flex-start;min-width:630px;display:flex}.laptop-keyboard>span{border:1px solid var(--line-strong);color:#a8aca5;background:#e5e6df;flex-direction:column;justify-content:space-between;align-items:center;width:54px;height:118px;margin-right:2px;padding:10px 6px;display:flex}.laptop-keyboard>span.black-key{z-index:2;width:38px;height:78px;color:var(--paper);background:#171917;margin:0 -20px}.laptop-keyboard kbd{color:#11130f;font:600 9px DM Mono}.laptop-keyboard .black-key kbd{color:var(--paper)}.laptop-keyboard small{color:#555b54;font:6px DM Mono}.laptop-keyboard .black-key small{color:#aaaead}.composer-notice{z-index:20;color:#b9bdb6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121511f5;border:1px solid #cbff5e47;align-items:center;gap:10px;width:calc(100% - 40px);min-height:48px;margin:-65px 20px 16px;padding:0 15px;font-size:9px;display:flex;position:sticky;bottom:20px;left:20px;right:20px}.composer-notice>span{color:var(--lime)}.composer-notice button{color:#8b9089;cursor:pointer;background:0 0;border:0;margin-left:auto}.composer-play-controls>.composer-input-switch{border-right:1px solid var(--line);grid-template-columns:1fr 1fr;align-content:center;gap:4px;min-width:100px;padding:14px 10px;display:grid}.composer-input-switch button{border:1px solid var(--line);color:#727770;text-transform:uppercase;cursor:pointer;background:0 0;min-height:28px;padding:0 7px;font:6px DM Mono}.composer-input-switch button.active{border-color:var(--violet);color:var(--paper);background:#b7a8ff17}.composer-record:disabled{opacity:.35;cursor:not-allowed}.composer-gesture-panel{border-bottom:1px solid var(--line);background:#0e100e}.composer-gesture-panel>header{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(320px,.65fr);align-items:end;gap:50px;min-height:145px;padding:28px 34px;display:grid}.composer-gesture-panel>header .eyebrow{margin:0}.composer-gesture-panel>header .eyebrow span{background:var(--violet)}.composer-gesture-panel>header h2{letter-spacing:-.045em;margin:10px 0 0;font-size:34px;font-weight:500}.composer-gesture-panel>header>p{color:#7e837c;margin:0;font-size:10px;line-height:1.7}.composer-gesture-panel>header>p strong{color:var(--paper)}.composer-gesture-body{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);min-height:410px;display:grid}.composer-camera-monitor{border-right:1px solid var(--line);background:radial-gradient(circle,#b7a8ff1f,#0000 15rem),#171a17;min-height:410px;position:relative;overflow:hidden}.composer-camera-monitor video,.composer-camera-monitor canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.composer-camera-monitor canvas{z-index:2}.composer-camera-grid{z-index:3;opacity:.12;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;position:absolute;inset:0}.composer-camera-status{z-index:5;color:#929790;text-transform:uppercase;justify-content:space-between;align-items:center;font:7px DM Mono;display:flex;position:absolute;top:14px;left:14px;right:14px}.composer-camera-status span{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c0ab8;padding:8px 10px}.composer-camera-status i{background:#666b65;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.composer-camera-status span.ready i{background:var(--lime);box-shadow:0 0 8px var(--lime)}.composer-camera-start{z-index:4;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0f0db8;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.composer-camera-start>span{width:48px;height:48px;color:var(--violet);border:1px solid #b7a8ff6b;border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.composer-camera-start strong{font-size:18px}.composer-camera-start p{color:#777c75;margin:8px 0 20px;font-size:9px}.composer-camera-start .button{color:#10120e}.composer-count-in{z-index:6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a0c0ab8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.composer-count-in small,.composer-count-in span{color:#a0a49e;text-transform:uppercase;font:7px DM Mono}.composer-count-in strong{color:var(--orange);margin:8px 0;font:500 86px/1 Newsreader}.composer-recording-state{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0f0dde;border:1px solid #ff8a5761;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:12px 16px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.composer-recording-state span{color:var(--orange);text-transform:uppercase;font:7px DM Mono}.composer-recording-state span i{background:var(--orange);border-radius:50%;width:6px;height:6px;margin-right:7px;animation:.55s infinite alternate looper-pulse;display:inline-block}.composer-recording-state strong{font-size:12px}.composer-live-chord{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e0cc4;border:1px solid #cbff5e47;grid-template-columns:48px 1fr;gap:3px 14px;min-width:175px;padding:20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.composer-live-chord small{color:#8d928b;text-transform:uppercase;grid-column:1/-1;font:6px DM Mono}.composer-live-chord strong{border:1px solid var(--lime);width:44px;height:44px;color:var(--lime);border-radius:50%;grid-row:span 2;place-items:center;font:11px DM Mono;display:grid}.composer-live-chord span{align-self:center;font-size:15px}.composer-gesture-console{grid-template-rows:auto auto 1fr auto;min-height:410px;display:grid}.gesture-console-state{border-bottom:1px solid var(--line);align-content:center;gap:6px;min-height:92px;padding:18px 22px;display:grid}.gesture-console-state small,.gesture-console-readout small{color:#666b65;text-transform:uppercase;font:6px DM Mono}.gesture-console-state strong{font-size:13px}.gesture-console-state strong i{background:var(--orange);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.gesture-console-state>span{color:#6e736c;font-size:7px}.gesture-console-readout{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;min-height:92px;display:grid}.gesture-console-readout>span{align-content:center;gap:7px;padding:16px 18px;display:grid}.gesture-console-readout>span+span{border-left:1px solid var(--line)}.gesture-console-readout strong{font-size:9px}.gesture-console-automation{align-content:center;gap:18px;padding:20px 22px;display:grid}.gesture-console-automation label{grid-template-columns:1fr auto;gap:8px;display:grid}.gesture-console-automation label>span{color:#858a83;text-transform:uppercase;font:7px DM Mono}.gesture-console-automation label>strong{font:8px DM Mono}.gesture-console-automation label>i{background:#2b2f2a;grid-column:1/-1;height:3px;overflow:hidden}.gesture-console-automation label b{background:var(--violet);height:100%;transition:width .1s linear;display:block}.gesture-console-actions{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr .75fr;min-height:65px;display:grid}.gesture-console-actions button{border:0;border-right:1px solid var(--line);color:#929790;text-transform:uppercase;cursor:pointer;background:0 0;padding:0 12px;font:7px DM Mono}.gesture-console-actions button:last-child{border-right:0}.gesture-console-actions button:disabled{opacity:.3;cursor:not-allowed}.gesture-console-actions .gesture-record-button{color:var(--orange)}.gesture-console-actions .gesture-record-button:hover:not(:disabled){background:#ff8a570f}.composer-gesture-error{color:#ff9b76;margin:0;padding:10px 20px;font-size:8px}.composer-automation{border-top:1px solid var(--line);background:#0e100e;min-width:0;overflow:hidden}.automation-lane{border-bottom:1px solid var(--line);grid-template-columns:62px minmax(1000px,1fr);min-height:48px;display:grid}.automation-lane:last-child{border-bottom:0}.automation-lane>span{border-right:1px solid var(--line);align-content:center;gap:4px;padding:8px 7px;display:grid}.automation-lane small{color:#777c75;text-transform:uppercase;font:5px DM Mono}.automation-lane strong{font-size:7px}.automation-lane>div{background-image:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 1px),#f2f3ea14 12.5%);min-width:1000px;position:relative}.automation-lane i{background:var(--violet);border-right:1px solid #0e100e;min-width:2px;position:absolute;bottom:0}.automation-lane.brightness i{background:var(--lime)}.guide-quick-start>div{grid-template-columns:repeat(3,1fr)}@media (width<=1050px){.hero-section{grid-template-columns:1fr}.hero-copy{padding:80px 7vw}.hero-instrument{border-left:0;border-top:1px solid var(--line);min-height:600px}.principle-strip{grid-template-columns:repeat(3,auto 1fr);padding:25px 10px}.principle-strip>p:first-child{display:none}.principle-strip p+span{margin-left:0}.manifesto-section{grid-template-columns:1fr;gap:30px;padding:90px 7vw}.manifesto-section>p:last-child{max-width:500px}.studio-grid{grid-template-columns:1fr}.camera-panel{border-right:0}.analyzer-panel{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.analyzer-title,.chord-readout{grid-column:1/-1}.chord-readout{min-height:205px}.quick-tip{display:none}.gesture-dock{grid-template-columns:repeat(7,1fr)}.gesture-dock>div:first-child,.gesture-dock>p{display:none}.modifier-dock{grid-template-columns:repeat(5,1fr)}.modifier-dock>div:first-child,.modifier-dock>p{display:none}.guide-basics{grid-template-columns:1fr 1fr}.guide-basics>header{grid-column:1/-1;min-height:185px}.guide-basics>header h2{max-width:450px}.guide-definition{border-top:1px solid var(--line)}.recording-definition{border-left:0}.guide-chapter-heading{grid-template-columns:100px minmax(0,1fr)}.guide-loop-example,.midi-mapping-guide{margin:30px}.midi-guide-flow{gap:14px;padding:24px}.gesture-library,.right-hand-grid{grid-template-columns:repeat(2,1fr)}.midi-header{grid-template-columns:minmax(210px,.7fr) 1fr}.midi-state{grid-column:1/-1;width:max-content}.midi-body{grid-template-columns:1fr 1fr}.midi-routing{border-bottom:1px solid var(--line)}.midi-mappings{border-right:0;border-bottom:1px solid var(--line)}.midi-actions{grid-column:1/-1;grid-template-rows:1fr;grid-template-columns:1fr 1fr;min-height:92px}.midi-actions button{border-right:1px solid var(--line);border-bottom:0}.midi-actions button:last-child{border-right:0}.tutorial-hero-grid{grid-template-columns:1fr;gap:35px}.tutorial-meta{max-width:610px}.tutorial-chord-grid{grid-template-columns:repeat(2,1fr)}.tutorial-chord-card:nth-child(2n){border-right:0}.cue-player{grid-template-columns:1fr}.cue-now{border-right:0;min-height:auto}.current-gesture{grid-template-columns:250px 1fr;gap:20px}.current-gesture-diagrams{grid-row:1}.current-gesture>div:last-child{align-self:center}.current-cue-copy{min-height:135px}.looper-workspace{grid-template-columns:235px minmax(0,1fr)}.looper-header{grid-template-columns:1fr minmax(280px,.7fr)}.looper-footer{grid-template-columns:1fr;gap:14px}.looper-footer p{text-align:left}.right-hand-lessons article:nth-child(3n){border-right:1px solid var(--line)}.right-hand-lessons article:nth-child(2n){border-right:0}.composer-hero{grid-template-columns:1fr;gap:30px}.composer-hero>p{max-width:600px}.composer-transport{grid-template-columns:1fr auto}.composer-session-settings{border-top:1px solid var(--line);grid-column:1/-1}.composer-workspace{grid-template-columns:215px minmax(0,1fr)}.composer-keyboard-help{grid-template-columns:1fr;gap:25px;overflow:hidden}.laptop-keyboard{transform-origin:0 0;transform:scale(.92)}.composer-gesture-panel>header{grid-template-columns:1fr minmax(270px,.7fr)}.composer-gesture-body{grid-template-columns:1fr 1fr}}@media (width<=760px){.app-header{grid-template-columns:1fr auto;width:calc(100% - 28px);height:68px}.brand{font-size:13px}.brand-mark{width:27px;height:27px}.app-header nav{display:none}.header-cta{gap:0;padding:9px 12px;font-size:0}.home-page,.content-page,.studio-page{width:calc(100% - 28px)}.hero-section{min-height:auto}.hero-copy{padding:65px 5px}.hero-copy h1,.page-intro h1{font-size:clamp(52px,18vw,78px)}.hero-lede{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.trust-row{flex-wrap:wrap;gap:18px;margin-top:50px}.hero-instrument{min-height:500px}.hand-constellation{transform:translate(-50%,-50%)rotate(-9deg)scale(.78)}.orbit-one{width:330px;height:330px}.orbit-two{width:450px;height:450px}.chord-chip{left:4%}.live-chip{right:4%}.principle-strip{grid-template-columns:auto 1fr}.manifesto-section{padding:75px 4px}.gesture-library{grid-template-columns:1fr}.gesture-card{grid-template-columns:auto 95px 1fr;gap:14px;padding:22px 14px}.finger-diagram{transform:scale(.8)}.studio-hand-diagram{transform:none}.lesson-callout{flex-direction:column;align-items:flex-start;gap:25px;padding:30px 24px}.lesson-callout-actions{justify-content:flex-start;width:100%}.lesson-callout-actions .button{width:100%}.split-intro{display:flex}.song-row{grid-template-columns:30px 85px 1fr;gap:15px}.song-row>p,.coming-soon{display:none}.album-art{height:78px}.studio-heading{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:235px}.studio-heading h1{font-size:32px}.studio-controls{justify-content:flex-start;width:100%}.sound-preset-control{flex:100%;width:100%}.sound-preset-control>div,.sound-preset-control button{flex:1}.volume-control{flex:210px;min-width:0}.studio-grid{min-height:0}.camera-stage{min-height:570px}.camera-corners{inset:58px 25px}.start-overlay,.calibration-overlay{padding:24px}.start-overlay h2{font-size:42px}.start-actions{flex-direction:column;width:100%}.start-actions button{width:min(260px,100%)}.calibration-overlay h2{font-size:34px}.calibration-progress{margin-bottom:15px}.calibration-hand-preview{min-height:85px;margin-top:8px}.calibration-hand-preview .finger-diagram{transform:scale(.62)}.calibration-hand-status{grid-template-columns:1fr;margin:8px 0 12px}.calibration-hand-status>span{min-height:45px}.calibration-actions{flex-direction:column-reverse;width:100%}.calibration-actions button{width:100%}.calibration-summary{margin:20px 0}.live-tutorial-coach{bottom:9px;left:9px;right:9px}.live-tutorial-coach>header{min-height:50px}.live-tutorial-body{grid-template-columns:1fr;min-height:0}.live-tutorial-target{border-right:0;border-bottom:1px solid var(--line);min-height:122px;padding:13px}.live-tutorial-target .finger-diagram{transform:scale(.55)}.live-tutorial-target .free-hand{min-height:72px}.live-tutorial-copy{padding:20px}.live-tutorial-copy h2{font-size:26px}.live-tutorial-copy p{margin-bottom:12px}.live-tutorial-hold{padding:0 13px}.live-tutorial-complete{grid-template-columns:1fr;align-content:center;justify-items:start;min-height:330px}.live-tutorial-complete>div:last-child{flex-direction:column;width:100%}.live-tutorial-complete button{width:100%}.camera-statusbar p{display:none}.analyzer-panel{grid-template-columns:1fr 1fr}.analyzer-title{grid-column:1/-1}.chord-readout{min-height:210px}.tilt-block,.expression-block{grid-column:1/-1}.gesture-dock{grid-template-columns:repeat(7,70px);overflow-x:auto}.modifier-dock{grid-template-columns:repeat(5,120px);overflow-x:auto}.studio-page{padding-bottom:25px}.guide-hero{grid-template-columns:1fr;gap:45px;min-height:470px;padding:55px 18px}.guide-hero h1{font-size:clamp(52px,16vw,74px)}.guide-hero-copy>p{font-size:13px}.guide-basics{grid-template-columns:1fr}.guide-basics>header{grid-column:auto;min-height:190px}.guide-definition{border-left:0;min-height:300px}.guide-chapter{margin-top:45px}.guide-chapter-heading{grid-template-columns:1fr;gap:18px;min-height:320px;padding:30px 22px}.guide-chapter-heading>span{font-size:42px}.guide-chapter-heading h2{font-size:43px}.guide-steps{grid-template-columns:1fr}.guide-steps article,.guide-steps article:nth-child(2n){border-right:0;min-height:170px}.guide-loop-example,.midi-mapping-guide{margin:18px}.guide-loop-example>header{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.guide-loop-example>div{gap:4px;min-height:75px}.guide-loop-example>div>small{width:50px}.guide-loop-example i{min-width:24px;height:46px;font-size:8px;overflow:hidden}.guide-terms{grid-template-columns:1fr 1fr}.guide-terms article:nth-child(2n){border-right:0}.guide-terms article{border-bottom:1px solid var(--line)}.guide-why{grid-template-columns:1fr;gap:25px;min-height:250px;padding:30px 24px}.midi-guide-flow{grid-template-columns:1fr;padding:20px}.midi-guide-flow>i{text-align:center;transform:rotate(90deg)}.guide-note{grid-template-columns:1fr;gap:15px;padding:25px}.midi-route-help>header{padding:28px 24px}.midi-route-help>div{grid-template-columns:1fr}.midi-route-help article{border-right:0;min-height:230px}.midi-mapping-guide>header,.midi-mapping-guide>div{grid-template-columns:1fr;gap:7px;min-height:92px;padding:13px}.midi-mapping-guide>header{display:none}.guide-quick-start{margin-top:45px}.guide-quick-start>header{min-height:190px;padding:28px 22px}.guide-quick-start>div{grid-template-columns:1fr}.guide-quick-start article{border-right:0;border-bottom:1px solid var(--line);min-height:360px;padding:30px 24px}.guide-quick-start article:last-child{border-bottom:0}.guide-browser-note{align-items:flex-start}.composer-page{width:calc(100% - 28px);padding-bottom:30px}.composer-hero{min-height:390px;padding:55px 18px}.composer-hero h1{font-size:clamp(50px,15.5vw,72px)}.composer-transport{grid-template-columns:1fr}.composer-project-name,.composer-play-controls{border-right:0;border-bottom:1px solid var(--line)}.composer-play-controls{min-height:74px}.composer-session-settings{grid-column:auto}.composer-session-settings label{padding:15px 12px}.composer-workspace{grid-template-columns:1fr;min-height:0}.composer-tracks{border-right:0;border-bottom:1px solid var(--line)}.composer-tracks article{min-height:82px}.composer-editor-header{grid-template-columns:1fr 125px}.note-tools{border-top:1px solid var(--line);grid-column:1/-1;min-height:45px}.note-tools button{flex:1}.composer-piano-scroll{height:500px}.composer-inspector{min-height:110px;overflow-x:auto}.composer-inspector label{min-width:130px}.composer-keyboard-help{min-height:310px;padding:28px 20px;overflow-x:auto}.laptop-keyboard{min-width:630px;margin-bottom:-28px;transform:scale(.75)}.composer-notice{width:calc(100% - 24px);margin:12px;position:relative;bottom:auto;left:auto;right:auto}.composer-play-controls{flex-wrap:wrap}.composer-play-controls>.composer-input-switch{min-width:105px}.composer-play-controls>div:last-child{min-width:80px}.composer-gesture-panel>header{grid-template-columns:1fr;gap:20px;min-height:220px;padding:28px 22px}.composer-gesture-panel>header h2{font-size:30px}.composer-gesture-body{grid-template-columns:1fr}.composer-camera-monitor{border-right:0;border-bottom:1px solid var(--line);min-height:330px}.composer-gesture-console{min-height:390px}.gesture-console-actions{grid-template-columns:1.4fr 1fr}.gesture-console-actions button:last-child{border-top:1px solid var(--line);grid-column:1/-1;min-height:42px}.automation-lane{grid-template-columns:62px minmax(1000px,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){.learn-section-heading,.right-hand-lessons>header{grid-template-columns:1fr;gap:24px;padding:38px 24px}.hand-lesson-tabs{margin-top:42px}.hand-lesson-tab{min-height:118px;padding:20px 16px}.hand-lesson-tab strong{font-size:22px}.hand-lesson-tab>span{display:none}.right-hand-lessons>div{grid-template-columns:1fr}.right-hand-lessons article,.right-hand-lessons article:nth-child(2n),.right-hand-lessons article:nth-child(3n){border-right:0;border-bottom:1px solid var(--line);min-height:320px}.right-hand-lessons footer{flex-direction:column;align-items:flex-start}.midi-panel{margin-top:22px}.midi-header{grid-template-columns:1fr;gap:18px;min-height:0;padding:28px 22px}.midi-header h2{font-size:31px}.midi-state{grid-column:auto}.midi-body{grid-template-columns:1fr}.midi-routing,.midi-mappings{border-right:0;border-bottom:1px solid var(--line)}.midi-mappings{min-height:145px}.midi-actions{grid-column:auto;grid-template-rows:1fr 1fr;grid-template-columns:1fr;min-height:120px}.midi-actions button{border-right:0;border-bottom:1px solid var(--line)}.midi-footer{flex-direction:column;align-items:flex-start}.midi-footer small{text-align:left}.performance-looper{margin-top:22px}.looper-header{grid-template-columns:1fr;gap:22px;min-height:210px;padding:30px 22px}.looper-workspace{grid-template-columns:1fr}.looper-settings{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.looper-settings .looper-setting:first-child{grid-column:1/-1}.looper-transport{flex-direction:column;align-items:flex-start}.looper-buttons{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.looper-control{padding:0 10px}.loop-timeline{min-height:320px}.loop-events{inset:45px 0 40px}.loop-event{padding:10px}.loop-event small{display:none}.loop-layer{grid-template-columns:95px minmax(0,1fr)}.loop-layer-meta{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.loop-layer-meta>div{width:100%}.loop-layer-meta button:last-child{margin:-45px 0 0 54px;position:absolute}.layered-ruler,.loop-playhead-track{left:95px}.looper-footer{padding:18px}.looper-footer>div{grid-template-columns:1fr 1fr;display:grid}.looper-footer span,.looper-footer span:first-child{border-right:0;border-bottom:1px solid var(--line);padding:10px}.looper-footer p{min-height:32px}.song-row{grid-template-columns:28px 75px 1fr;gap:13px;min-height:145px;padding:20px 13px}.song-row .album-art{height:75px}.song-row h2{font-size:18px}.song-meta,.open-lesson{display:none}.tutorial-hero{min-height:390px;padding:48px 22px}.tutorial-back{margin-bottom:45px}.tutorial-hero h1{font-size:clamp(50px,15vw,72px)}.tutorial-meta{grid-template-columns:1fr}.tutorial-meta div{flex-direction:row;align-items:center;min-height:62px}.tutorial-meta div+div{border-left:0;border-top:1px solid var(--line)}.tutorial-section>header{grid-template-columns:1fr;gap:22px;min-height:180px;padding:32px 22px}.tutorial-chord-grid{grid-template-columns:1fr}.tutorial-chord-card,.tutorial-chord-card:nth-child(2n){border-right:0;min-height:285px;padding:24px 20px}.two-hand-shape{grid-template-columns:1fr;gap:5px}.two-hand-shape>span{display:none}.two-hand-shape>div{min-height:54px}.cue-player-section{margin-top:45px}.song-practice-live{grid-template-columns:1fr}.song-practice-camera{border-right:0;border-bottom:1px solid var(--line);min-height:380px}.song-practice-start{padding:35px 24px}.song-practice-coach,.song-practice-complete{min-height:360px}.song-practice-target{padding:22px 20px}.cue-now{padding:26px 20px}.current-gesture{grid-template-columns:1fr;gap:0}.current-gesture-diagrams{min-height:120px}.current-cue-copy p{font-size:20px}.cue-timeline button{grid-template-columns:25px minmax(0,1fr);gap:10px;min-height:95px;padding:14px 13px}.cue-chord-badge{grid-column:2}.cue-timeline-copy strong{white-space:normal;line-height:1.45}.tutorial-rights-note{flex-direction:column;align-items:flex-start;gap:10px}.tutorial-callout{margin-top:45px}}