@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#17152e;font-synthesis:none;text-rendering:optimizelegibility;--ink-900:#17152e;--ink-700:#39364f;--ink-500:#716c7f;--ink-200:#d8d1d8;--cream-100:#fffaf2;--cream-200:#f6ede4;--blush-100:#f8dce9;--blush-300:#efb7cf;--rose-500:#e994b4;--rose-600:#d8799f;--teal-500:#5ab8ad;--teal-600:#409f96;--mustard-500:#f2c34f;--white:#fff;--success-500:#2c9a70;--danger-500:#d85c67;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-full:999px;--shadow-card:0 16px 40px #261b3417;--shadow-lift:0 22px 55px #261b3429;background:#f8dce9;font-family:DM Sans Variable,DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--blush-100);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.site-frame{background:var(--cream-100);border-radius:var(--radius-xl);width:min(100% - 24px,1220px);min-height:calc(100vh - 24px);box-shadow:var(--shadow-card);border:1px solid #17152e1f;margin:12px auto;overflow:hidden}.site-header{border-bottom:1px solid #17152e1a;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.brand{color:var(--ink-900);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.1rem;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{width:36px;height:36px;color:var(--cream-100);background:var(--ink-900);border-radius:12px;place-items:center;font-family:Fraunces Variable,Georgia,serif;font-size:.95rem;font-weight:700;display:grid}.session-label{color:var(--ink-500);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:650;display:none}.home-page,.setup-page,.simple-page,.fretboard-page,.find-one-page{padding:44px 20px 32px}.home-intro{gap:var(--space-lg);margin-bottom:40px;display:grid}.eyebrow{color:var(--teal-600);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:800}h1,h2,p{margin-top:0}h1,.exercise-card h2{letter-spacing:-.045em;font-family:Fraunces Variable,Georgia,serif;font-weight:680}h1{max-width:760px;margin-bottom:0;font-size:clamp(2.45rem,11vw,5.9rem);line-height:.94}.lede{max-width:580px;color:var(--ink-700);margin-bottom:0;font-size:clamp(1rem,2vw,1.16rem);line-height:1.55}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading h2{letter-spacing:-.01em;margin-bottom:0;font-size:1rem}.section-heading span{color:var(--ink-500);font-size:.75rem}.exercise-carousel{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;grid-auto-columns:min(84vw,360px);grid-auto-flow:column;gap:14px;margin-right:-20px;padding-right:20px;scroll-padding-inline:20px;display:grid;overflow-x:auto}.exercise-carousel::-webkit-scrollbar{display:none}.exercise-card{border:1.5px solid var(--ink-900);border-radius:var(--radius-xl);min-height:510px;box-shadow:5px 6px 0 var(--ink-900);scroll-snap-align:start;flex-direction:column;padding:18px;display:flex;overflow:hidden}.exercise-card--teal{background:var(--teal-500)}.exercise-card--rose{background:var(--rose-500)}.exercise-card__meta,.preview-topline{color:#17152ebf;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:800;display:flex}.exercise-card__meta span:first-child{border-radius:var(--radius-full);background:#fffaf28c;border:1px solid #17152e80;place-items:center;width:34px;height:34px;display:grid}.exercise-art{width:100%;margin:18px 0 8px}.art-paper{fill:var(--cream-100)}.art-line,.art-string,.art-fret{fill:none;stroke:var(--ink-900);stroke-linecap:round}.art-line{stroke-width:6px}.art-string{stroke-width:1.5px}.art-fret{stroke-width:2px;opacity:.3}.art-ink{fill:var(--ink-900)}.art-accent{fill:var(--mustard-500);stroke:var(--ink-900);stroke-width:2px}.art-spark{fill:var(--cream-100)}.exercise-card__copy{margin-top:auto}.exercise-card h2{max-width:280px;margin-bottom:8px;font-size:clamp(2rem,8vw,3rem);line-height:.98}.exercise-card p{color:var(--ink-700);margin-bottom:20px;line-height:1.45}.button{border:1.5px solid var(--ink-900);border-radius:var(--radius-full);cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:52px;padding:0 20px;font-weight:750;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 7px #17152e2e}.button:focus-visible,.back-link:focus-visible,.brand:focus-visible{outline:3px solid var(--mustard-500);outline-offset:3px}.choice-card:has(input:focus-visible){outline:3px solid var(--mustard-500);outline-offset:3px}.button--dark{color:var(--cream-100);background:var(--ink-900)}.button--light{color:var(--ink-900);background:var(--cream-100)}.button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}.button--wide{width:100%}.home-note{color:var(--ink-500);text-align:center;margin:34px 0 0;font-size:.82rem}.back-link{color:var(--ink-700);align-items:center;gap:8px;margin-bottom:34px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.back-link--button{cursor:pointer;background:0 0;border:0;padding:0}.setup-layout{gap:36px;display:grid}.setup-heading{margin-bottom:38px}.setup-heading h1,.simple-page h1{max-width:690px;margin-bottom:20px;font-size:clamp(2.5rem,9vw,5.2rem)}.option-group{border:0;margin:0 0 34px;padding:0}.option-group legend{align-items:center;gap:10px;margin-bottom:14px;font-size:.95rem;font-weight:800;display:flex}.option-group legend span{width:28px;height:28px;color:var(--cream-100);background:var(--ink-900);border-radius:var(--radius-full);place-items:center;font-size:.72rem;display:grid}.option-grid{gap:10px;display:grid}.choice-card{background:var(--cream-200);border-radius:var(--radius-lg);cursor:pointer;border:1.5px solid #0000;grid-template-columns:auto 1fr;gap:4px 12px;padding:16px;display:grid;position:relative}.choice-card input{opacity:0;width:1px;height:1px;position:absolute}.choice-card__indicator{background:var(--cream-100);border:1.5px solid var(--ink-500);border-radius:var(--radius-full);grid-row:1/3;width:20px;height:20px;margin-top:2px}.choice-card--selected{border-color:var(--ink-900);background:#5ab8ad33}.choice-card--selected .choice-card__indicator{background:var(--teal-500);border:5px solid var(--ink-900)}.choice-card strong{line-height:1.25}.choice-card small{color:var(--ink-500);line-height:1.4}.choice-card__title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.choice-card em{color:var(--ink-900);background:var(--mustard-500);border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;font-size:.6rem;font-style:normal;font-weight:850}.ready-message{color:var(--success-500);margin:14px 4px 0;font-size:.86rem;font-weight:700;line-height:1.45}.setup-preview{background:var(--teal-500);border:1.5px solid var(--ink-900);border-radius:var(--radius-xl);box-shadow:6px 7px 0 var(--ink-900);align-self:start;padding:20px}.mini-fretboard{margin:24px 0}.mini-fretboard__label{margin-bottom:10px;font-size:.75rem;font-weight:800;display:inline-block}.mini-fretboard__grid{background-color:var(--cream-100);border:1px solid var(--ink-900);border-radius:var(--radius-lg);background-image:repeating-linear-gradient(#0000 0 36px,#17152ea6 37px,#0000 39px),repeating-linear-gradient(90deg,#0000 0 52px,#17152e47 53px 55px);height:230px;position:relative;overflow:hidden}.note{background:var(--ink-900);border-radius:var(--radius-full);place-items:center;width:28px;height:28px;display:grid;position:absolute}.note--one{top:26px;left:20%}.note--two{top:100px;left:42%}.note--target{color:var(--ink-900);background:var(--mustard-500);border:2px solid var(--ink-900);font-style:normal;font-weight:900;top:63px;left:62%}.note--four{top:174px;left:78%}.preview-prompt{gap:5px;margin-bottom:14px;display:grid}.preview-prompt span{color:#17152ead;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.preview-prompt strong{font-family:Fraunces Variable,Georgia,serif;font-size:1.75rem}.preview-answers{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.preview-answers span{border:1px solid var(--ink-900);border-radius:var(--radius-full);text-align:center;background:#fffaf28c;padding:9px 5px;font-size:.72rem;font-weight:800}.simple-page,.fretboard-page{min-height:720px}.fretboard-session-heading{gap:20px;margin-bottom:30px;display:grid}.fretboard-session-heading h1{max-width:760px;margin-bottom:0;font-size:clamp(2.35rem,9vw,5rem)}.question-meta{align-content:end;gap:5px;display:grid}.question-meta span,.fretboard-question__topline>div>span{color:var(--ink-500);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:850}.question-meta strong{font-family:Fraunces Variable,Georgia,serif;font-size:1.25rem}.fretboard-question{background:var(--teal-500);border:1.5px solid var(--ink-900);border-radius:var(--radius-xl);box-shadow:6px 7px 0 var(--ink-900);gap:24px;padding:16px;display:grid}.fretboard-question__topline{justify-content:space-between;align-items:start;gap:16px;display:flex}.fretboard-question__topline h2{margin:3px 0 0;font-family:Fraunces Variable,Georgia,serif;font-size:clamp(1.45rem,6vw,2.2rem)}.question-mode-chip{color:var(--cream-100);background:var(--ink-900);border-radius:var(--radius-full);letter-spacing:.07em;text-transform:uppercase;flex:none;padding:7px 11px;font-size:.65rem;font-weight:850}.fretboard-diagram{background:var(--cream-100);border:1.5px solid var(--ink-900);border-radius:var(--radius-lg);overscroll-behavior-inline:contain;padding:14px 10px 18px;overflow-x:auto}.fret-number-row{grid-template-columns:repeat(var(--fret-count), minmax(58px, 1fr));min-width:300px;margin:0 0 7px 26px;display:grid}.fret-number-row--open{grid-template-columns:48px repeat(var(--fretted-count), minmax(58px, 1fr))}.fret-number-row span{color:var(--ink-500);text-align:center;text-transform:uppercase;font-size:.62rem;font-weight:800}.fretboard-body{grid-template-columns:26px minmax(300px,1fr);min-width:326px;display:grid}.string-names{grid-template-rows:repeat(6,46px);display:grid}.string-names span{color:var(--ink-500);place-items:center start;font-size:.66rem;font-weight:850;display:grid}.fretboard-grid{grid-template-columns:repeat(var(--fret-count), minmax(58px, 1fr));border:1px solid var(--ink-900);border-radius:var(--radius-sm);background-color:#49382e;background-image:linear-gradient(90deg,#ffffff06,#0000 24%,#00000014 72%,#ffffff05),repeating-linear-gradient(2deg,#0000 0 12px,#ffffff05 13px,#0000 14px);grid-template-rows:repeat(6,46px);display:grid;position:relative;overflow:hidden}.fretboard-grid--open{grid-template-columns:48px repeat(var(--fretted-count), minmax(58px, 1fr))}.fret-cell{z-index:1;border-right:3px solid #dad9d2a6;align-self:stretch;box-shadow:inset -1px 0 #17152e73}.fret-cell--open{box-shadow:inset -2px 0 0 var(--ink-900), inset 0 0 12px #4a2a142e;background:linear-gradient(90deg,#bf8d50,#d4a76c 72%,#e0bd87);border-right:6px solid #e8ded0}.fret-string{z-index:2;pointer-events:none;background:#ddd9d1;align-self:center;height:1px;box-shadow:0 1px 1px #0d0b09bf}.fret-string--6{height:3px}.fret-string--5{height:2.6px}.fret-string--4{height:2.2px}.fret-string--3{height:1.8px}.fret-string--2{height:1.4px}.fret-marker{z-index:1;background:#e8ded0c7;border-radius:50%;place-self:center;width:9px;height:9px;box-shadow:0 1px 2px #0d0b09a6}.fret-note{z-index:4;width:34px;height:34px;color:var(--ink-900);box-shadow:0 0 0 1.5px var(--ink-900), 0 4px 8px #0d0b095c;background:#77bad2;border:2px solid #fffaf2db;border-radius:50%;place-self:center;place-items:center;padding:0;font-size:.7rem;font-weight:900;display:grid}button.fret-note{cursor:pointer;transition:transform .14s,box-shadow .14s}button.fret-note:hover:not(:disabled){z-index:3;box-shadow:0 0 0 2px var(--ink-900), 0 5px 10px #17152e40;transform:scale(1.15)}button.fret-note:disabled{opacity:1}.fret-note--target{color:var(--ink-900);background:var(--mustard-500)}.fret-note--correct{color:var(--ink-900);background:#9ee0bf}.fret-note--found{color:var(--ink-900);box-shadow:0 0 0 2px var(--ink-900), 0 4px 8px #0d0b095c;background:#9ee0bf}.fret-note--incorrect{color:var(--cream-100);background:var(--danger-500)}.fret-note--reveal{color:var(--ink-900);background:var(--mustard-500)}.fret-note--shape-connection{outline-offset:4px;outline:2px solid #f2c34f7a}.shape-connection-legend{color:var(--ink-500);justify-content:flex-end;align-items:center;gap:7px;margin:9px 2px -5px;font-size:.64rem;font-weight:750;display:flex}.shape-connection-legend i{border:2px solid #d29f22b3;border-radius:50%;width:12px;height:12px}.function-answers{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.function-answer{min-height:50px;color:var(--ink-900);border:1.5px solid var(--ink-900);border-radius:var(--radius-full);cursor:pointer;background:#fffaf2a8;font-weight:850}.function-answer:hover:not(:disabled){background:var(--cream-100);transform:translateY(-1px)}.function-answer:disabled{opacity:.52}.function-answer--correct:disabled{opacity:1;background:#b9e4cf}.function-answer--incorrect:disabled{color:var(--cream-100);background:var(--danger-500);opacity:1}.fretboard-hint{color:#17152ead;text-align:center;margin:-8px 0 0;font-size:.78rem;font-weight:700}.fretboard-feedback{background:var(--cream-100);border:1.5px solid var(--ink-900);border-radius:var(--radius-lg);gap:16px;padding:17px;display:grid}.fretboard-feedback--correct{background:#b9e4cf}.fretboard-feedback--incorrect{background:var(--cream-100)}.fretboard-feedback>div{gap:4px;display:grid}.fretboard-feedback>div>span{letter-spacing:.09em;text-transform:uppercase;font-size:.67rem;font-weight:850}.fretboard-feedback strong{font-family:Fraunces Variable,Georgia,serif;font-size:1.55rem}.fretboard-feedback p{color:var(--ink-700);margin-bottom:0;font-size:.85rem}.fretboard-results{background:var(--teal-500);border:1.5px solid var(--ink-900);border-radius:var(--radius-xl);max-width:760px;box-shadow:6px 7px 0 var(--ink-900);justify-items:start;margin:0 auto;padding:clamp(26px,6vw,60px);display:grid}.fretboard-results h1{margin:22px 0 16px;font-size:clamp(2.5rem,9vw,5rem)}.preview-panel{border:1.5px solid var(--ink-900);border-radius:var(--radius-xl);min-height:300px;box-shadow:6px 7px 0 var(--ink-900);justify-content:center;align-items:center;gap:28px;margin-top:40px;display:flex}.preview-panel--rose{background:var(--rose-500)}.preview-note{font-family:Fraunces Variable,Georgia,serif;font-size:6rem;font-weight:700}.preview-wave{letter-spacing:.1em;font-size:2rem;font-weight:800}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.find-one-page{min-height:720px}.find-one-heading{gap:18px;margin-bottom:36px;display:grid}.find-one-heading h1{max-width:720px;margin-bottom:0;font-size:clamp(2.6rem,10vw,5.3rem)}.find-one-layout{gap:18px;display:grid}.song-stage,.pitch-panel{border:1.5px solid var(--ink-900);border-radius:var(--radius-xl);box-shadow:5px 6px 0 var(--ink-900)}.song-stage{background:var(--ink-900);padding:16px}.song-stage__meta{color:#fffaf2ad;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin-bottom:14px;font-size:.7rem;font-weight:800;display:flex}.youtube-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#0b0a16;border:1px solid #fffaf24d;position:relative;overflow:hidden}.youtube-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.song-stage__title{color:var(--cream-100);gap:16px;padding:18px 4px 4px;display:grid}.song-stage__title h2{letter-spacing:-.035em;margin-bottom:3px;font-family:Fraunces Variable,Georgia,serif;font-size:clamp(1.6rem,6vw,2.35rem)}.song-stage__title p{color:#fffaf2a8;margin-bottom:0}.song-stage__controls{flex-wrap:wrap;gap:7px;display:flex}.song-control{min-height:38px;color:var(--cream-100);border-radius:var(--radius-full);cursor:pointer;background:#fffaf214;border:1px solid #fffaf247;padding:0 13px;font-size:.72rem;font-weight:750}.song-control:hover{background:#fffaf226}.song-control--report{color:#fffaf2ad;border-color:#0000}.pitch-panel{background:var(--rose-500);flex-direction:column;gap:24px;padding:22px;display:flex}.pitch-panel h2{letter-spacing:-.04em;max-width:380px;margin-bottom:0;font-family:Fraunces Variable,Georgia,serif;font-size:clamp(1.9rem,7vw,2.8rem);line-height:1}.pitch-panel .eyebrow{color:#17152ea3}.pitch-orb{aspect-ratio:1;background:var(--mustard-500);border:1.5px solid var(--ink-900);border-radius:50%;align-self:center;place-items:center;width:min(48vw,178px);display:grid;box-shadow:5px 6px #17152e33}.pitch-orb span{letter-spacing:.09em;text-transform:uppercase;align-self:end;font-size:.65rem;font-weight:850}.pitch-orb strong{font-family:Fraunces Variable,Georgia,serif;font-size:4rem;line-height:.8}.pitch-orb i{align-self:start;font-size:1.5rem;font-style:normal;font-weight:800;line-height:.5}.pitch-slider{color:#17152e9e;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr 1fr;gap:8px;font-size:.68rem;font-weight:800;display:grid}.pitch-slider input{width:100%;accent-color:var(--ink-900);cursor:ew-resize;grid-column:1/-1}.pitch-ticks{grid-column:1/-1;grid-template-columns:repeat(12,1fr);align-items:center;margin:-3px 1px 0;display:grid}.pitch-ticks i{background:#17152e6b;border-radius:50%;justify-self:center;width:4px;height:4px}.pitch-ticks i:first-child{justify-self:start}.pitch-ticks i:last-child{justify-self:end}.pitch-ticks .pitch-ticks__active{background:var(--ink-900);width:8px;height:8px}.pitch-slider span:last-child{text-align:right}.volume-control{gap:7px;display:grid}.volume-control>span{color:var(--ink-700);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.volume-control small{font-weight:800}.volume-control input{width:100%;accent-color:var(--ink-900);cursor:ew-resize}.pitch-actions{gap:10px;display:grid}.answer-feedback{border:1.5px solid var(--ink-900);border-radius:var(--radius-lg);gap:8px;padding:18px;display:grid}.answer-feedback--correct{background:#b9e4cf}.answer-feedback--incorrect{background:var(--cream-100)}.answer-feedback>span{letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:850}.answer-feedback>strong{font-family:Fraunces Variable,Georgia,serif;font-size:1.55rem}.answer-feedback>p{color:var(--ink-700);margin-bottom:0;font-size:.88rem;line-height:1.45}.comparison-actions{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0;display:grid}.comparison-actions button,.text-button{color:var(--ink-900);border:1px solid var(--ink-900);border-radius:var(--radius-full);cursor:pointer;background:0 0;padding:10px 12px;font-weight:800}.feedback-drone-control{color:var(--cream-100);background:var(--ink-900);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;margin-top:2px;padding:9px 11px;display:flex}.feedback-drone-control span{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.feedback-drone-control button{min-height:36px;color:var(--ink-900);background:var(--cream-100);border-radius:var(--radius-full);cursor:pointer;border:0;padding:0 13px;font-size:.74rem;font-weight:850}.feedback-drone-control button:disabled{cursor:default;opacity:.5}.text-button{border:0;justify-self:start;padding:6px 0}.scale-feedback{gap:8px;margin:6px 0 8px;display:grid}.scale-feedback>span{color:var(--ink-700);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:850}.scale-chords{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.scale-chord{border-radius:var(--radius-sm);text-align:center;background:#fffaf28f;border:1px solid #17152e33;gap:1px;padding:7px 5px;display:grid}.scale-chord small{color:var(--ink-500);font-size:.58rem}.scale-chord strong{font-size:.78rem}.session-results,.empty-session{background:var(--rose-500);border:1.5px solid var(--ink-900);border-radius:var(--radius-xl);max-width:760px;box-shadow:6px 7px 0 var(--ink-900);justify-items:start;margin:0 auto;padding:clamp(26px,6vw,60px);display:grid}.session-results h1,.empty-session h1{margin:22px 0 16px;font-size:clamp(2.5rem,9vw,5rem)}.score-orb{aspect-ratio:1;background:var(--mustard-500);border:1.5px solid var(--ink-900);border-radius:50%;justify-content:center;align-items:baseline;width:150px;padding-top:38px;display:flex;box-shadow:5px 6px #17152e33}.score-orb strong{font-family:Fraunces Variable,Georgia,serif;font-size:4rem;line-height:1}.score-orb span{font-weight:800}.missed-list{gap:7px;width:100%;margin:28px 0;display:grid}.missed-list h2{letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:.82rem}.missed-list article{border-radius:var(--radius-md);background:#fffaf29e;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-size:.82rem;display:flex}.missed-list article span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.missed-list article strong{white-space:nowrap}.results-actions{gap:10px;width:100%;display:grid}.catalog-command{color:var(--cream-100);background:var(--ink-900);border-radius:var(--radius-md);margin-top:28px;padding:14px 18px;font-size:.82rem;display:inline-block}@media (width>=720px){.site-frame{width:min(100% - 48px,1220px);min-height:calc(100vh - 48px);margin:24px auto}.site-header{padding:22px 32px}.session-label{display:inline}.home-page,.setup-page,.simple-page,.fretboard-page,.find-one-page{padding:64px 42px 44px}.home-intro{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;margin-bottom:60px}.exercise-carousel{grid-auto-flow:initial;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-right:0;padding:0 6px 8px 0;overflow:visible}.exercise-card{min-height:570px;padding:24px}.section-heading span{display:none}.option-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.find-one-heading{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:end}.fretboard-session-heading{grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);align-items:end}.fretboard-question{padding:24px}.fretboard-feedback{grid-template-columns:minmax(0,1fr) auto;align-items:center}.pitch-actions{grid-template-columns:1fr 1fr}.song-stage__title{grid-template-columns:minmax(0,1fr) auto;align-items:end}.song-stage__controls{justify-content:flex-end}.results-actions{grid-template-columns:1fr 1fr}}@media (width>=980px){.home-page,.setup-page,.simple-page,.fretboard-page,.find-one-page{padding-left:64px;padding-right:64px}.setup-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);align-items:start;gap:64px}.setup-preview{position:sticky;top:24px}.find-one-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:start;gap:24px}.pitch-panel{min-height:100%}}@media (width<=420px){.fretboard-question{padding:13px}.fretboard-diagram{padding-left:7px;padding-right:7px}.fret-number-row{grid-template-columns:repeat(var(--fret-count), minmax(46px, 1fr));min-width:230px;margin-left:20px}.fret-number-row--open{grid-template-columns:42px repeat(var(--fretted-count), minmax(46px, 1fr))}.fretboard-body{grid-template-columns:20px minmax(230px,1fr);min-width:250px}.fretboard-grid{grid-template-columns:repeat(var(--fret-count), minmax(46px, 1fr));grid-template-rows:repeat(6,42px)}.fretboard-grid--open{grid-template-columns:42px repeat(var(--fretted-count), minmax(46px, 1fr))}.string-names{grid-template-rows:repeat(6,42px)}.fret-note{width:31px;height:31px}.scale-chords{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}