@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.uc-onboarding,.uc-pathways{--uc-ink: var(--color-text, #181a1e);--uc-paper: var(--color-canvas, #f8f8f4);--uc-surface: var(--color-surface, #fff);--uc-muted: var(--color-text-muted, #666970);--uc-line: var(--color-border, #181a1e);--uc-subtle-line: var(--color-border-subtle, #c8cbd1);--uc-highlight: var(--color-highlight, #f2f35b);--uc-green: var(--color-success, #69e985)}.uc-onboarding{width:100%;min-height:calc(100dvh - 4px);padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow-x:hidden;background:var(--uc-paper);color:var(--uc-ink)}.uc-onboarding--pathways{height:calc(100dvh - 4px);min-height:0;overflow:hidden;overscroll-behavior:none;touch-action:pan-x}.uc-onboarding__chrome{display:grid;grid-template-columns:92px minmax(100px,240px) 40px;align-items:center;justify-content:space-between;gap:12px;width:min(100%,var(--app-page-max-width, 720px));margin:0 auto 16px}.uc-onboarding__back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:9px 0;color:inherit;font-size:13px;font-weight:800}.uc-onboarding__back:disabled{visibility:hidden}.uc-onboarding__count{justify-self:end;font-size:11px;font-weight:900}.uc-onboarding__progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.uc-onboarding__progress i{height:5px;border-radius:999px;background:var(--uc-subtle-line)}.uc-onboarding__progress i.is-complete{background:var(--uc-highlight)}.uc-onboarding__welcome,.uc-onboarding__story{width:min(100%,var(--app-page-max-width, 720px));margin:0 auto;animation:uc-onboarding-enter .16s ease-out both}@keyframes uc-onboarding-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.uc-onboarding__eyebrow{margin:0;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.uc-onboarding h1{margin:0;font-size:clamp(38px,8vw,66px);letter-spacing:-.055em;line-height:.96}.uc-onboarding__welcome{display:grid;gap:20px;overflow:hidden;border:2px solid #181a1e;border-radius:28px;background:var(--uc-highlight);padding:clamp(26px,6vw,58px);color:#181a1e}.uc-onboarding__welcome-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:center;gap:clamp(18px,4vw,48px)}.uc-onboarding__welcome-copy{display:grid;gap:16px}.uc-onboarding__welcome-copy>p{max-width:46ch;margin:0;color:#37391f;font-size:17px;font-weight:650;line-height:1.5}.uc-chord-equation{display:grid;justify-items:center;gap:7px;min-width:0;margin:0;border:2px solid #181a1e;border-radius:20px;background:#ffffff47;padding:16px 12px 12px}.uc-chord-equation figcaption{display:inline-flex;align-items:flex-start;line-height:1}.uc-chord-equation figcaption strong{font-size:clamp(48px,7vw,72px);letter-spacing:-.07em}.uc-chord-equation figcaption span{margin:7px 0 0 5px;font-size:clamp(17px,2.5vw,25px);font-weight:900}.uc-chord-equation__notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;width:100%;max-width:330px}.uc-note-block{position:relative;display:block;min-width:0;margin-inline:-4px}.uc-note-block img{display:block;width:100%;height:auto}.uc-note-block b{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);color:#fff;font-size:clamp(19px,3.2vw,29px);font-weight:950;line-height:1;text-shadow:0 1px 0 #181a1e,1px 0 0 #181a1e,0 -1px 0 #181a1e,-1px 0 0 #181a1e}.uc-note-block--1{transform:rotate(-5deg) translateY(2px)}.uc-note-block--2{transform:rotate(3deg) translateY(-3px)}.uc-note-block--3{transform:rotate(-2deg) translateY(3px)}.uc-note-block--4{transform:rotate(5deg) translateY(-1px)}.uc-onboarding__welcome ul{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0;padding:0;list-style:none}.uc-onboarding__welcome li{display:grid;gap:4px;min-height:92px;border:2px solid #181a1e;border-radius:15px;background:#ffffff42;padding:14px}.uc-onboarding__welcome li span{font-size:12px;font-weight:650;line-height:1.35}.uc-onboarding__instrument{display:grid;gap:8px}.uc-onboarding__instrument>strong{font-size:13px}.uc-onboarding__instrument>div{display:flex;flex-wrap:wrap;gap:7px}.uc-onboarding__instrument button{min-height:40px;border:2px solid #181a1e;border-radius:999px;background:#ffffff59;padding:7px 12px;color:#181a1e;font-weight:800}.uc-onboarding__instrument button.is-selected{background:#181a1e;color:#f8f8f4}.uc-onboarding__story{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,56px)}.uc-onboarding__story>img{display:block;width:100%;max-height:min(70vh,650px);aspect-ratio:4 / 3;border:2px solid var(--uc-line);border-radius:24px;object-fit:cover}.uc-onboarding__story-copy{display:grid;gap:17px;min-width:0}.uc-onboarding__lede{margin:0;color:var(--uc-muted);font-size:16px;font-weight:600;line-height:1.5}.uc-onboarding__points{display:grid;gap:0;margin:0;padding:0;list-style:none}.uc-onboarding__points li{display:grid;grid-template-columns:14px 1fr;gap:2px 10px;border-top:1px solid var(--uc-subtle-line);padding:12px 0}.uc-onboarding__points li:before{content:"";grid-row:span 2;width:11px;height:11px;margin-top:4px;border-radius:50%;background:var(--uc-green)}.uc-onboarding__points strong{font-size:14px}.uc-onboarding__points span{color:var(--uc-muted);font-size:12px;font-weight:600;line-height:1.4}.uc-onboarding__primary,.uc-pathway-card__select{min-height:54px;border:2px solid #181a1e;border-radius:999px;background:#181a1e;padding:12px 18px;color:#f8f8f4;font-weight:850}.uc-onboarding__welcome .uc-onboarding__primary{width:100%}.uc-onboarding__reminder{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:11px;border:2px solid var(--uc-line);border-radius:16px;background:var(--uc-highlight);padding:14px;color:#181a1e;cursor:pointer}.uc-onboarding__reminder input{width:23px;height:23px;margin:0;accent-color:#181a1e}.uc-onboarding__reminder span,.uc-onboarding__reminder-note{display:grid;gap:3px}.uc-onboarding__reminder small,.uc-onboarding__reminder-note span{font-size:11px;font-weight:650;line-height:1.35}.uc-onboarding__reminder-note{margin:0;border-radius:16px;background:var(--color-info-soft, #cbeff3);padding:14px;color:var(--color-on-info, #181a1e)}.uc-onboarding__pathway-step{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;height:calc(100% - 48px);min-height:0;margin-inline:calc(-1*max(8px,env(safe-area-inset-left))) calc(-1*max(8px,env(safe-area-inset-right)));animation:uc-onboarding-enter .16s ease-out both}.uc-onboarding__pathway-intro{z-index:3;display:grid;gap:4px;width:min(calc(100% - 16px),var(--app-page-max-width, 720px));margin:0 auto;padding-inline:4px}.uc-onboarding__pathway-intro h1{font-size:clamp(28px,7vw,44px)}.uc-onboarding__pathway-intro>p:last-child{margin:0;color:var(--uc-muted);font-size:12px;font-weight:650}.uc-onboarding__save-note{z-index:3;width:fit-content;margin:0 auto;border-radius:999px;background:var(--color-info-soft, #cbeff3);padding:6px 10px;color:var(--color-on-info, #181a1e);font-size:10px;font-weight:800}.uc-pathways{min-width:0;min-height:0;overflow:hidden}.uc-pathways__track{--uc-pathway-width: min(68vw, 310px);display:flex;align-items:center;gap:12px;width:100%;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;padding:7px calc((100vw - var(--uc-pathway-width)) / 2);scroll-padding-inline:calc((100vw - var(--uc-pathway-width)) / 2);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;overscroll-behavior-y:none;touch-action:pan-x;-webkit-overflow-scrolling:auto;scrollbar-width:none}.uc-pathways__track::-webkit-scrollbar{display:none}.uc-pathways__position{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.uc-pathway-card{position:relative;z-index:1;flex:0 0 var(--uc-pathway-width);height:min(100%,610px);min-height:0;scroll-snap-align:center;scroll-snap-stop:always;perspective:1200px;transform:scale(.92);transition:transform .16s ease,opacity .16s ease;opacity:.72}.uc-pathway-card.is-focused{z-index:2;transform:scale(1);opacity:1}.uc-pathway-card.is-focused.is-flipped{z-index:5;transform:scale(1.045)}.uc-pathway-card__inner{position:relative;width:100%;height:100%;min-height:0;transform-style:preserve-3d;transition:transform .26s cubic-bezier(.2,.75,.25,1)}.uc-pathway-card.is-flipped .uc-pathway-card__inner{transform:rotateY(180deg)}.uc-pathway-card__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:2px solid var(--uc-line);border-radius:18px;background:var(--uc-surface);backface-visibility:hidden;-webkit-backface-visibility:hidden}.uc-pathway-card__front{display:grid;grid-template-rows:minmax(0,1fr) auto}.uc-pathway-card__front{background:#181a1e}.uc-pathway-card__front img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;-webkit-user-select:none;user-select:none}.uc-pathway-card__current{position:absolute;top:9px;right:9px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:var(--uc-highlight);padding:6px 8px;color:#181a1e;font-size:9px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.uc-pathway-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:2px solid var(--uc-line);background:var(--uc-surface);padding:10px}.uc-pathway-card__learn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:48px;border:2px solid var(--uc-line);border-radius:999px;background:var(--uc-surface);padding:9px 11px;color:var(--uc-ink);font-size:11px;font-weight:850;white-space:nowrap}.uc-pathway-card__select{min-height:48px;padding:9px 10px;font-size:11px}.uc-pathway-card__back{display:flex;flex-direction:column;gap:10px;overflow-y:hidden;overscroll-behavior:contain;transform:rotateY(180deg);padding:18px;color:var(--uc-ink)}.uc-pathway-card.is-flipped .uc-pathway-card__back{box-shadow:inset 0 0 0 2px var(--uc-line)}.uc-pathway-card__close{position:absolute;top:11px;right:11px;display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--uc-line);border-radius:50%;background:var(--uc-surface);color:var(--uc-ink)}.uc-pathway-card__eyebrow{margin:0;padding-right:42px;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.uc-pathway-card__back h2{margin:0;font-size:31px;letter-spacing:-.04em;line-height:1}.uc-pathway-card__description{margin:0;color:var(--uc-muted);font-size:11px;font-weight:600;line-height:1.42}.uc-pathway-card__back h3{margin:0 0 5px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.uc-pathway-card__groups ul{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}.uc-pathway-card__groups li{border-radius:999px;background:var(--uc-highlight);padding:5px 7px;color:#181a1e;font-size:9px;font-weight:800}.uc-pathway-card__examples{display:grid;gap:3px;border:1px solid var(--uc-subtle-line);border-radius:11px;padding:9px}.uc-pathway-card__examples span{font-size:10px;font-weight:800}.uc-pathway-card__back>.uc-pathway-card__select{width:100%;margin-top:auto}.uc-pathway-card__back-link{border:0;background:transparent;padding:3px;color:var(--uc-muted);font-size:10px;font-weight:800;text-decoration:underline;text-underline-offset:3px}@media(max-width:620px){.uc-onboarding__chrome{grid-template-columns:75px 1fr 35px;gap:7px;margin-bottom:10px}.uc-onboarding__welcome{gap:16px;padding:23px 18px}.uc-onboarding__welcome-hero{grid-template-columns:1fr;gap:12px}.uc-onboarding__welcome-copy{gap:11px}.uc-onboarding__welcome-copy>p{font-size:15px}.uc-chord-equation{gap:2px;padding:10px 8px 7px}.uc-chord-equation figcaption strong{font-size:49px}.uc-chord-equation figcaption span{margin-top:5px;font-size:17px}.uc-chord-equation__notes{max-width:280px}.uc-onboarding__welcome ul{grid-template-columns:1fr;gap:6px}.uc-onboarding__welcome li{min-height:0;padding:10px 12px}.uc-onboarding__story{grid-template-columns:1fr;gap:14px}.uc-onboarding__story>img{height:clamp(205px,31vh,260px);max-height:none;aspect-ratio:auto;object-position:center 25%}.uc-onboarding__story-copy{gap:12px}.uc-onboarding__story-copy h1{font-size:clamp(35px,10.5vw,48px)}.uc-onboarding__points li{padding:8px 0}.uc-onboarding__primary{min-height:51px}.uc-onboarding__pathway-step{height:calc(100% - 42px)}.uc-pathways__track{--uc-pathway-width: min(68vw, 278px);gap:9px}.uc-pathway-card{height:min(100%,560px)}}@media(max-height:700px){.uc-onboarding__pathway-intro>p:last-child{display:none}.uc-pathway-card__back{gap:7px;padding:14px}.uc-pathway-card__description{font-size:10px}.uc-pathway-card__groups li{padding:4px 6px}}@media(prefers-reduced-motion:reduce){.uc-onboarding *,.uc-onboarding *:before,.uc-onboarding *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root,[data-theme=light]{font-family:Manrope Variable,Manrope,Avenir Next,Segoe UI,Arial,sans-serif;color:#181a1e;background:#f8f8f4;font-synthesis:none;text-rendering:optimizeLegibility;--color-canvas: #f8f8f4;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-inverse: #181a1e;--color-text: #181a1e;--color-text-muted: #666970;--color-text-inverse: #f8f8f4;--color-text-inverse-muted: #b8bbc2;--color-border: #181a1e;--color-border-subtle: #c8cbd1;--color-primary: #181a1e;--color-on-primary: #f8f8f4;--color-highlight: #f2f35b;--color-on-highlight: #181a1e;--color-success: #69e985;--color-on-success: #181a1e;--color-danger: #ff897d;--color-on-danger: #181a1e;--color-danger-text: #972f26;--color-special: #a875f2;--color-on-special: #181a1e;--color-info: #70dce7;--color-on-info: #181a1e;--color-sky: #78b8ee;--color-lavender: #e9e6ff;--color-success-soft: #c8f7d3;--color-warning-soft: #f7f7a8;--color-danger-soft: #ffd0cb;--color-info-soft: #cbeff3;--color-disabled: #d1d3d7;--piano-white: #f8f8f4;--piano-black: #181a1e;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--app-page-max-width: 720px;--focus-ring: 0 0 0 2px var(--color-canvas), 0 0 0 5px var(--color-highlight);--ink: var(--color-text);--paper: var(--color-canvas);--white: var(--color-surface);--blue: var(--color-sky);--green: var(--color-success);--purple: var(--color-special);--coral: var(--color-danger);--yellow: var(--color-highlight);--line: var(--color-border);--muted: var(--color-text-muted)}[data-theme=dark]{color:#f8f8f4;background:#111317;--color-canvas: #111317;--color-surface: #1b1d21;--color-surface-raised: #25282d;--color-surface-inverse: #f8f8f4;--color-text: #f8f8f4;--color-text-muted: #a7a9ae;--color-text-inverse: #181a1e;--color-text-inverse-muted: #666970;--color-border: #f0f0ea;--color-border-subtle: #3c3f45;--color-primary: #f2f35b;--color-on-primary: #181a1e;--color-highlight: #f2f35b;--color-on-highlight: #181a1e;--color-success: #69e985;--color-on-success: #181a1e;--color-danger: #ff897d;--color-on-danger: #181a1e;--color-danger-text: #ff897d;--color-special: #a875f2;--color-on-special: #181a1e;--color-info: #70dce7;--color-on-info: #181a1e;--color-sky: #78b8ee;--color-lavender: #e9e6ff;--color-disabled: #35383d;--piano-white: #ecece7;--piano-black: #090a0c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;border-top:4px solid var(--color-highlight);background:var(--color-canvas);color:var(--color-text)}button,input,select{font:inherit}button{cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.46}.button-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:7px}.button-with-icon svg{flex:0 0 auto}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.page-transition,.page-transition-panel{width:100%;min-height:calc(100vh - 4px);min-height:calc(100dvh - 4px)}.rock-toast{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;z-index:9000;display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;padding:10px 15px;border:2px solid #181a1e;border-radius:var(--radius-pill);background:var(--color-highlight);color:var(--color-on-highlight);transform:translate(-50%);animation:rock-toast-in .18s ease-out both;pointer-events:none}.rock-toast span{font-size:22px;line-height:1;transform:rotate(-8deg)}.rock-toast strong{font-size:15px;font-weight:850;letter-spacing:-.02em;line-height:1}@keyframes rock-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.startup-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#f2f35b;color:#181a1e;opacity:1;transform:scale(1);transition:opacity .32s ease,transform .32s ease}.startup-splash.is-leaving{opacity:0;transform:scale(1.015);pointer-events:none}.startup-splash-content{display:grid;justify-items:center;gap:8px;text-align:center}.startup-splash .brand-mark{width:116px;margin:0 0 24px;color:#181a1e}.startup-splash .brand-mark circle{fill:#f2f35b}.startup-splash .brand-mark .accent-note{fill:#181a1e}.startup-splash-content>strong{font-size:clamp(42px,12vw,62px);font-weight:800;letter-spacing:-.065em;line-height:.9}.startup-splash-content>span{max-width:min(320px,82vw);margin-top:12px;font-size:11px;font-weight:850;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}@keyframes wrong-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.practice-card.wrong-shake{animation:wrong-shake .32s cubic-bezier(.36,.07,.19,.97)}.shell{min-height:calc(100vh - 4px);min-height:calc(100dvh - 4px);display:flex;align-items:center;justify-content:center;padding:calc(28px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.hero,.practice-card{width:min(100%,var(--app-page-max-width));min-width:0}.home-shell{align-items:flex-start}.top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.top-row .eyebrow{margin-top:10px}.top-actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:7px}.page-header{min-width:0}.page-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-width:0}.page-header-main>div{min-width:0}.page-header-main .eyebrow{margin-top:10px}.page-header-done .text-button{flex:0 0 auto}.page-header-back{display:grid;gap:10px}.back-button{width:fit-content}.back-button:hover,.back-button:focus-visible{text-decoration:none}.text-button{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);min-height:44px;padding:9px 14px;color:var(--ink);font-weight:750}.text-button:hover,.text-button:focus-visible{background:var(--yellow);color:var(--color-on-highlight)}.eyebrow{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1{margin:0;font-size:clamp(38px,9vw,52px);font-weight:800;letter-spacing:-.045em;line-height:1.02}.home-nav{display:flex;justify-content:flex-end;margin-bottom:28px}.home-title{margin-bottom:22px;font-size:clamp(38px,9vw,52px)}.lede{max-width:47ch;margin:26px 0 30px;color:var(--color-text-muted);font-size:18px;font-weight:550;line-height:1.5}.brand-mark{width:52px;color:var(--color-text);margin:24px 0 0}.brand-mark.compact{width:38px;margin:0}.brand-mark svg{display:block;width:100%;height:auto;overflow:visible}.brand-mark path{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle{fill:var(--color-surface);stroke:currentColor;stroke-width:3}.brand-mark .accent-note{fill:var(--color-highlight)}.session-card,.practice-card,.map-card{border:2px solid var(--line);background:var(--white);border-radius:var(--radius-lg)}.session-card{display:grid;gap:0;padding:0;margin-bottom:14px;overflow:hidden;background:var(--color-surface);color:var(--color-text)}.session-card div{display:flex;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--color-border-subtle)}.session-card div:last-child{border-bottom:0}.session-card span{color:var(--color-text-muted)}.session-card div:nth-child(-n+3) strong{display:inline-block;border-radius:8px;padding:4px 8px;color:#181a1e}.session-card div:nth-child(1) strong{background:var(--color-sky)}.session-card div:nth-child(2) strong{background:var(--color-success)}.session-card div:nth-child(3) strong{background:var(--color-highlight)}[data-theme=dark] .session-card{background:#1b1d21;color:#f8f8f4}[data-theme=dark] .session-card span{color:#a7a9ae}.history-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.history-strip div{display:grid;gap:2px;min-width:0;padding:14px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--white)}.history-strip div:nth-child(1){background:var(--color-highlight);color:var(--color-on-highlight)}.history-strip div:nth-child(2){background:var(--color-info);color:var(--color-on-info)}.history-strip div:nth-child(3){background:var(--color-success);color:var(--color-on-success)}.history-strip strong{font-size:22px}.history-strip span{color:inherit;font-size:11px;font-weight:700}.history-strip .rock-trigger{touch-action:manipulation;user-select:none;-webkit-user-select:none}.primary,.secondary{width:100%;min-height:56px;border:2px solid var(--ink);border-radius:var(--radius-pill);padding:15px 20px;font-weight:800}.primary{background:var(--color-primary);color:var(--color-on-primary)}.primary:hover:not(:disabled){filter:brightness(.9)}[data-theme=dark] .primary:hover:not(:disabled){filter:brightness(1.08)}[data-theme=dark] :is(.primary,.history-strip div,.correct,.incorrect,.try-again-button,.repeat-button,.frequency-options>button.selected,.score-grid div:nth-child(1),.session-progress li,.form-message,.danger-button,.map-summary div:nth-child(1),.theme-options button.selected,.length-options button.selected,.key-options button.selected,.quality-mix-options button.selected,.quality-chip-filter button.selected,.chord-chip-grid button.selected){border-color:transparent}.secondary{background:var(--white);color:var(--ink)}.secondary:hover,.secondary:focus-visible{background:var(--yellow);color:var(--color-on-highlight)}.home-secondary{margin-top:9px}.practice-card{padding:24px}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:800}.progress-title{display:flex;align-items:center;min-width:0;min-height:44px;line-height:1.2}.mobile-context{display:none}.progress-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.progress-actions>span{display:inline-flex;align-items:center;min-height:44px;line-height:1}.exit-practice{min-height:44px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);padding:8px 13px;color:var(--ink);font-size:11px;font-weight:800}.exit-practice:hover,.exit-practice:focus-visible{background:var(--yellow);color:var(--color-on-highlight)}.progress{height:10px;overflow:hidden;margin:12px 0 26px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white)}.progress div{height:100%;background:var(--color-primary)}.curriculum-context{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 10px;color:var(--muted);font-size:12px;font-weight:700}.curriculum-context strong{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--yellow);color:var(--color-on-highlight)}.chord-symbol{position:relative;display:grid;place-items:center;min-height:190px;margin:14px 0 26px;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface-inverse);color:var(--color-text-inverse);text-align:center;font-size:clamp(72px,18vw,112px);font-weight:800;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.chord-symbol.long-symbol{font-size:clamp(48px,14vw,86px)}.chord-frequency-chip{position:absolute;top:13px;right:13px;display:grid;gap:1px;min-width:92px;border:2px solid var(--color-text-inverse);border-radius:var(--radius-pill);background:transparent;padding:7px 11px;color:var(--color-text-inverse);font-size:11px;font-weight:800;letter-spacing:0;line-height:1.05}.chord-frequency-chip small{color:var(--color-text-inverse-muted);font-size:8px;font-weight:800}.chord-frequency-chip[aria-expanded=true]{border-color:var(--purple);background:var(--purple)}.chord-frequency-chip[aria-expanded=true],.chord-frequency-chip[aria-expanded=true] small{color:var(--color-on-special)}.practice-flow>.frequency-options{margin:-10px 0 14px}.step{display:grid;gap:13px}label{font-weight:750}input{width:100%;min-height:60px;border:2px solid var(--ink);border-radius:14px;background:var(--white);color:var(--color-text);padding:15px 16px;outline:none;font-size:18px}input:focus{box-shadow:var(--focus-ring)}.music-answer-input{display:grid;place-items:center;width:100%;min-height:60px;border:2px solid var(--ink);border-radius:14px;background:var(--color-surface-raised);color:var(--color-text);padding:15px 16px;outline:none;font-size:21px;font-weight:800;letter-spacing:.01em;text-align:center;cursor:default}.music-answer-input.empty{color:var(--color-text-muted);font-size:18px;font-weight:550}.music-answer-input:focus-visible{box-shadow:var(--focus-ring)}.music-keyboard{display:grid;gap:7px}.music-note-keys,.music-control-keys{display:grid;gap:6px}.music-note-keys{grid-template-columns:repeat(7,minmax(0,1fr))}.music-control-keys{grid-template-columns:repeat(4,minmax(0,1fr))}.music-keyboard button{min-width:0;min-height:52px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--white);color:var(--ink);padding:8px 4px;font-size:20px;font-weight:850;touch-action:manipulation}.music-note-keys button{background:var(--color-info-soft);color:var(--color-on-info)}.music-control-keys button:nth-child(-n+2){background:var(--yellow);color:var(--color-on-highlight);font-size:25px}.music-keyboard button:hover:not(:disabled),.music-keyboard button:focus-visible{background:var(--color-primary);color:var(--color-on-primary)}.music-keyboard button:active:not(:disabled){transform:translateY(1px)}.music-keyboard button span{font-size:10px;text-transform:uppercase;letter-spacing:.04em}.music-control-keys button:nth-child(n+3){display:grid;place-items:center;align-content:center;gap:2px}.feedback{border:2px solid var(--ink);border-radius:var(--radius-sm);padding:14px 16px;font-weight:800}.correct{background:var(--color-success);color:var(--color-on-success)}.incorrect{background:var(--color-warning-soft);color:var(--color-on-highlight)}.correct .answer-lines small,.incorrect .answer-lines small{color:currentColor;opacity:.68}.answer-feedback{display:flex;align-items:center;justify-content:space-between;gap:16px}.checkpoint{display:grid;gap:16px}.checkpoint>div{display:grid;gap:3px}.checkpoint span{color:currentColor;opacity:.68;font-size:13px;font-weight:650}.checkpoint .checkpoint-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkpoint-button{min-height:50px;border:2px solid var(--ink);border-radius:var(--radius-pill);padding:12px 16px;color:var(--ink);font-weight:800}.try-again-button{background:var(--color-primary);color:var(--color-on-primary)}.reveal-button{background:var(--white)}.reveal-button:hover,.reveal-button:focus-visible{background:var(--yellow);color:var(--color-on-highlight)}.answer-lines{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 24px}.answer-lines span{display:grid;gap:2px}.answer-lines .feedback-title{flex-basis:100%;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.answer-lines small{color:var(--color-text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.retry-button{min-height:44px;flex:0 0 auto;border:0;border-bottom:2px solid currentColor;background:transparent;padding:4px 0;color:inherit;font-weight:800}.piano-wrap{display:grid;gap:9px;margin-top:2px}.visual-label{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.visual-label small{font-size:9px}.visualization-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.visualization-heading>div{display:grid;gap:2px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.visualization-heading small{font-size:9px}.reveal-view-button{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;background:var(--color-surface-raised);color:var(--ink);padding:9px}.reveal-view-button:hover,.reveal-view-button:focus-visible{background:var(--yellow);color:var(--color-on-highlight)}.reveal-view-button svg{display:block;width:22px;height:22px}.visualization-panel{min-width:0}.visualization-panel .visual-label{display:none}.guitar-wrap,.staff-wrap{display:grid;gap:9px;margin-top:2px}.guitar-diagram{overflow:hidden;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--color-surface-raised);padding:10px 10px 12px}.guitar-string-labels{display:grid;grid-template-columns:34px repeat(6,minmax(0,1fr));padding:0 0 6px;text-align:center;font-size:9px;font-weight:850}.guitar-neck{display:grid}.guitar-fret-row{display:grid;grid-template-columns:34px repeat(6,minmax(0,1fr));position:relative}.guitar-fret-row:not(.open-row):after{content:"";position:absolute;top:-2px;right:0;left:34px;z-index:1;height:2px;background:var(--color-border-subtle)}.guitar-fret-row:last-child:before{content:"";position:absolute;right:0;bottom:-2px;left:34px;z-index:1;height:2px;background:var(--color-border-subtle)}.guitar-fret-row.open-row{margin-bottom:3px}.guitar-fret-row.open-row:after{content:"";position:absolute;right:0;bottom:-4px;left:34px;z-index:1;height:4px;background:var(--ink)}.guitar-position{position:relative;display:grid;place-items:center;min-width:0;height:32px}.guitar-position:before{content:"";position:absolute;top:-2px;bottom:-2px;left:50%;z-index:2;width:2px;background:var(--ink);transform:translate(-50%)}.guitar-position.string-0:before{width:5px}.guitar-position.string-1:before{width:4px}.guitar-position.string-2:before{width:3.3px}.guitar-position.string-3:before{width:2.7px}.guitar-position.string-4:before{width:2.1px}.guitar-position.string-5:before{width:1.5px}.guitar-position i{display:grid;place-items:center;z-index:3;width:27px;height:27px;border:2px solid var(--ink);border-radius:50%;color:var(--color-on-info);font-size:9px;font-style:normal;font-weight:900;line-height:1}.guitar-position i.tone{background:var(--color-info)}.guitar-position i.root{background:var(--color-highlight);color:var(--color-on-highlight)}.guitar-position i.muted{border:0;background:transparent;color:var(--color-text-muted);font-size:17px}.guitar-fret-row>b{align-self:center;z-index:3;padding-right:7px;color:var(--color-text-muted);font-size:8px;font-weight:850;text-align:right}.staff-notation{display:block;width:100%;height:auto;color:var(--ink)}.staff-surface{fill:var(--color-surface-raised);stroke:var(--ink);stroke-width:2}.staff-line,.ledger-line,.note-stem{stroke:currentColor;stroke-width:2}.treble-clef{fill:currentColor;font-family:Apple Symbols,Times New Roman,serif;font-size:88px}.staff-note{fill:var(--color-info);stroke:var(--ink);stroke-width:2}.staff-note.root{fill:var(--color-highlight)}.staff-accidental{fill:currentColor;font-family:Georgia,serif;font-size:24px;font-weight:800}.staff-note-label{fill:var(--color-text);font-size:16px;font-weight:850}.piano{position:relative;height:130px;overflow:hidden;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--piano-white)}.piano-track{position:absolute;inset:0 auto 0 0;width:300%;height:100%}.white-key{position:absolute;top:0;width:4.761905%;height:100%;border-right:2px solid var(--ink);background:var(--piano-white);color:#181a1e}.key-label{position:absolute;right:3px;bottom:7px;left:3px;display:grid;justify-items:center;gap:1px;text-align:center}.key-label strong{font-size:13px;line-height:1}.key-label small{font-size:8px;font-weight:800;line-height:1;text-transform:uppercase}.white-key.active{background:var(--yellow);color:var(--color-on-highlight)}.black-key{position:absolute;top:0;z-index:1;width:2.952381%;height:78px;border:2px solid var(--ink);border-top:0;border-radius:0 0 5px 5px;background:var(--piano-black);color:#f8f8f4}.black-key.active{background:var(--purple);color:var(--color-on-special)}.black-key .key-label{bottom:6px;color:inherit}.black-key .key-label strong{font-size:11px}.black-key .key-label small{font-size:7px}.answer-actions{display:grid;grid-template-columns:54px minmax(150px,1fr);gap:8px}.answer-actions button{min-height:54px;border:2px solid var(--ink);font-weight:800}.repeat-button{display:grid;place-items:center;border-radius:50%;background:var(--color-danger);color:var(--color-on-danger);line-height:1}.continue-action{min-width:0}.frequency-options{display:grid;overflow:hidden;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--white)}.frequency-options-heading{display:grid;gap:3px;padding:15px;border-bottom:2px solid var(--ink);background:var(--color-surface-inverse);color:var(--color-text-inverse)}.frequency-options-heading span{color:var(--color-text-inverse-muted);font-size:11px;font-weight:700}.frequency-options>button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 15px;border:0;border-bottom:2px solid var(--ink);background:var(--white);color:var(--ink);text-align:left}.frequency-options>button:last-child{border-bottom:0}.frequency-options>button.selected{background:var(--color-highlight);color:var(--color-on-highlight)}.frequency-options>button span{display:grid;gap:2px}.frequency-options>button small{color:var(--muted);font-size:11px;font-weight:700}.frequency-options>button i{font-size:19px;font-style:normal}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:30px 0 14px}.score-grid div{display:grid;gap:4px;min-height:116px;padding:18px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--white);color:var(--color-text)}.score-grid div:nth-child(1){background:var(--color-highlight);color:var(--color-on-highlight)}.score-grid div:nth-child(2){background:var(--color-surface)}.score-grid div:nth-child(3){background:var(--color-special);color:var(--color-on-special)}.score-grid div:nth-child(4){background:var(--color-surface);color:var(--color-text)}.score-grid strong{font-size:32px;font-variant-numeric:tabular-nums}.score-grid span{color:inherit;font-size:13px;font-weight:700}.review{display:flex;justify-content:space-between;gap:16px;margin:14px 0 22px;padding:18px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--color-surface-inverse);color:var(--color-text-inverse)}.review span{color:var(--color-text-inverse-muted)}.summary-actions{display:grid;gap:9px}.summary-actions p{margin:0 6px 4px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.4;text-align:center}.session-celebration{display:flex;align-items:center;gap:12px;margin:22px 0 0;border-radius:var(--radius-md);background:var(--color-success);padding:15px;color:var(--color-on-success)}.session-celebration svg{flex:0 0 auto}.session-celebration span{display:grid;gap:2px}.session-celebration strong{font-size:16px}.session-celebration small{font-size:11px;font-weight:700;line-height:1.35}.summary-reminder{display:grid;gap:7px;margin:0 0 22px;padding:16px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--color-info-soft);color:var(--color-on-info)}.summary-reminder label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.summary-reminder label>span{display:grid;gap:2px}.summary-reminder strong{line-height:1.25}.summary-reminder small{color:inherit;font-size:11px;font-weight:700;line-height:1.4}.summary-reminder small a{color:inherit;font-weight:900;text-decoration-thickness:2px;text-underline-offset:3px}.summary-reminder p{margin:0 0 0 36px;color:inherit;font-size:11px;font-weight:800}.summary-reminder p.error{color:var(--color-danger-text)}.summary-reminder.unavailable{background:var(--color-surface);color:var(--muted)}.summary-reminder.unavailable label{cursor:default}.summary-reminder input{display:grid;place-content:center;flex:0 0 auto;width:24px;min-height:24px;height:24px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid currentColor;border-radius:4px;background:var(--white)}.summary-reminder input:before{content:"";width:6px;height:12px;border:solid var(--color-on-info);border-width:0 3px 3px 0;opacity:0;transform:translateY(-1px) rotate(45deg) scale(.7)}.summary-reminder input:checked{border-color:var(--blue);background:var(--blue)}.summary-reminder input:checked:before{opacity:1;transform:translateY(-1px) rotate(45deg) scale(1)}.summary-reminder-time{width:88px!important;min-height:0!important;height:auto!important;margin:0;-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important;border:0!important;border-bottom:2px solid currentColor!important;border-radius:0!important;background:transparent!important;padding:0 1px 1px!important;color:inherit;font:inherit;font-weight:850;cursor:pointer}.summary-reminder-time::-webkit-calendar-picker-indicator{opacity:.7}[data-theme=dark] .summary-reminder:not(.unavailable){border-color:transparent}.session-progress{display:grid;gap:12px;margin:0 0 22px;padding:17px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--white)}.session-progress>div{display:grid;gap:2px}.session-progress>div span{color:var(--muted);font-size:12px;font-weight:700}.session-progress ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.session-progress li{display:grid;gap:1px;min-width:120px;padding:9px 11px;border:2px solid var(--ink);border-radius:var(--radius-xs);background:var(--color-success-soft);color:var(--color-on-success)}.session-progress li span{color:inherit;font-size:10px;font-weight:800}.account-card{display:grid;gap:24px}.account-card h1{max-width:520px}.account-card .top-row{align-items:flex-start}.account-copy{max-width:52ch;margin:0;color:var(--color-text-muted);font-size:16px;font-weight:550;line-height:1.5}.account-section{display:grid;gap:16px;border:2px solid var(--ink);border-radius:var(--radius-md);padding:20px}.account-section-heading h2{margin:0;font-size:22px;letter-spacing:-.025em}.account-section-heading p{margin:3px 0 0;color:var(--color-text-muted);font-size:13px;font-weight:650;line-height:1.4}.account-form{display:grid;gap:18px}.account-form label{margin:0}.account-form small{color:var(--color-text-muted);font-size:12px;font-weight:650;line-height:1.4}.account-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.account-name-row label{display:grid;gap:7px}.account-save-button{width:auto;min-width:130px;min-height:52px;padding-inline:18px}.account-email-detail{display:grid;gap:3px;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);padding:14px 0}.account-email-detail>span{color:var(--color-text-muted);font-size:12px;font-weight:800}.account-email-detail>strong{overflow-wrap:anywhere;font-size:16px}.account-instrument-field{gap:10px;margin:0;border:0;padding:0}.account-instrument-field legend{font-size:15px}.account-instrument-options{display:flex;flex-wrap:wrap;gap:7px}.account-instrument-options button{width:auto;min-height:43px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);padding:8px 13px;color:var(--ink);font-weight:800}.account-instrument-options button.selected{background:var(--yellow);color:var(--color-on-highlight)}.account-action-list{display:grid}.account-action-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;border:0;border-bottom:1px solid var(--color-border-subtle);border-radius:0;background:transparent;padding:12px 2px;color:var(--ink);text-align:left}.account-action-list button:last-child{border-bottom:0}.account-action-list button>span{display:grid;gap:2px}.account-action-list button small{color:var(--color-text-muted);font-size:11px;font-weight:650}.account-action-list button:hover,.account-action-list button:focus-visible{background:var(--color-surface-raised)}.reminder-preference-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--color-info-soft);padding:14px;color:var(--color-on-info)}.reminder-preference-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin:0!important;cursor:pointer}.reminder-preference-toggle>span{display:grid;gap:2px}.reminder-preference-toggle small{color:inherit}.reminder-preference-toggle input,.uc-onboarding__reminder input{display:grid;place-content:center;width:24px;min-height:24px;height:24px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid currentColor;border-radius:4px;background:var(--white)}.reminder-preference-toggle input:before,.uc-onboarding__reminder input:before{content:"";width:6px;height:12px;border:solid var(--color-on-info);border-width:0 3px 3px 0;opacity:0;transform:translateY(-1px) rotate(45deg) scale(.7)}.reminder-preference-toggle input:checked,.uc-onboarding__reminder input:checked{border-color:var(--blue);background:var(--blue)}.reminder-preference-toggle input:checked:before,.uc-onboarding__reminder input:checked:before{opacity:1;transform:translateY(-1px) rotate(45deg) scale(1)}.reminder-time-field{display:grid;gap:3px;margin:0!important;color:inherit;font-size:11px;font-weight:800}.reminder-time-field input{min-width:112px;border:0;border-bottom:2px solid currentColor;border-radius:0;background:transparent;padding:5px 0;color:inherit;font-weight:850}.reminder-time-field input:disabled{opacity:.45}.reminder-preference-note{margin:8px 2px 0;color:var(--color-text-muted);font-size:11px;font-weight:800}.reminder-preference-note.error{color:var(--color-danger-text)}.account-save-note{color:var(--color-text-muted);font-size:11px;font-weight:800}.account-save-note.dirty{color:var(--color-on-highlight)}.code-input{letter-spacing:.24em;font-variant-numeric:tabular-nums;font-weight:800}.code-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.code-actions .text-button{min-width:0;min-height:48px;padding:9px 12px;font-size:12px;line-height:1.1;text-align:center}.account-sync{display:flex;align-items:center;gap:8px;width:fit-content;margin-bottom:-10px;color:var(--color-text-muted);font-size:12px;font-weight:800}.sync-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.form-message{margin:0;padding:13px 15px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--color-info-soft);color:var(--color-on-info);font-weight:800;line-height:1.4}.error-message{background:var(--color-danger-soft);color:var(--color-on-danger)}.sign-out-button{justify-self:start;min-height:44px;border:0;border-bottom:2px solid currentColor;background:transparent;padding:9px 0;color:var(--muted);font-weight:800}.sign-out-button:hover,.sign-out-button:focus-visible{color:var(--color-danger-text)}.account-danger{display:grid;gap:8px;padding:18px 20px;border:2px solid var(--ink);border-radius:var(--radius-md)}.account-danger>p,.delete-confirmation p{margin:0;color:var(--muted);font-size:13px;font-weight:550;line-height:1.45}.danger-link{justify-self:start;min-height:44px;border:0;border-bottom:2px solid currentColor;background:transparent;padding:9px 0;color:var(--color-danger-text);font-weight:800}.danger-button{width:100%;min-height:56px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--color-danger);padding:15px 20px;color:var(--color-on-danger);font-weight:800}.danger-button:hover:not(:disabled){filter:brightness(.92)}.delete-confirmation{display:grid;gap:9px;padding-top:4px}.onboarding-shell{align-items:flex-start;padding-top:clamp(36px,8vh,82px)}.onboarding-card{width:min(100%,var(--app-page-max-width));min-width:0}.onboarding-card h1,.summary-card h1{max-width:760px;font-size:clamp(44px,10vw,72px);letter-spacing:-.055em;line-height:.96}.onboarding-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:58px;padding-bottom:14px;border-bottom:2px solid var(--ink)}.onboarding-brand>strong{font-size:19px;font-weight:800;letter-spacing:-.045em}.onboarding-wizard-shell{align-items:flex-start;padding-top:clamp(18px,4vh,42px)}.onboarding-wizard{width:min(100%,var(--app-page-max-width));min-width:0}.onboarding-wizard h1{max-width:780px;font-size:clamp(40px,7vw,66px)}.onboarding-wizard-header{display:grid;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);align-items:center;gap:18px;margin-bottom:14px}.onboarding-wizard-header .back-button{justify-self:start}.onboarding-wizard-header .back-button:disabled{visibility:hidden}.onboarding-wordmark{display:flex;align-items:center;justify-content:center;gap:9px}.onboarding-wordmark .brand-mark{width:31px}.onboarding-wordmark strong{font-size:18px;font-weight:900;letter-spacing:-.045em}.onboarding-step-count{justify-self:end;font-size:11px;font-weight:900;letter-spacing:.08em}.onboarding-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:22px}.onboarding-progress i{height:5px;border-radius:var(--radius-pill);background:var(--color-border-subtle)}.onboarding-progress i.complete{background:var(--color-highlight)}.onboarding-slide{min-width:0;animation:onboarding-slide-in .18s ease-out both}@keyframes onboarding-slide-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.welcome-onboarding-slide{display:grid;gap:22px;overflow:hidden;border:2px solid #181a1e;border-radius:var(--radius-xl);background:var(--color-highlight);padding:clamp(26px,6vw,58px);color:#181a1e}.welcome-onboarding-slide:before{content:"";width:86px;height:86px;margin-bottom:4px;border:3px solid #181a1e;border-radius:50%;background:radial-gradient(circle at center,#181a1e 0 7px,transparent 8px),conic-gradient(from 15deg,transparent 0 8%,#181a1e 8% 10%,transparent 10% 21%,#181a1e 21% 23%,transparent 23% 34%,#181a1e 34% 36%,transparent 36% 47%,#181a1e 47% 49%,transparent 49% 60%,#181a1e 60% 62%,transparent 62% 73%,#181a1e 73% 75%,transparent 75% 86%,#181a1e 86% 88%,transparent 88%)}.welcome-onboarding-slide .eyebrow{margin:0}.welcome-onboarding-slide h1{max-width:720px;color:#181a1e}.onboarding-slide-lede{max-width:58ch;margin:0;color:var(--color-text-muted);font-size:17px;font-weight:600;line-height:1.5}.welcome-onboarding-slide .onboarding-slide-lede{color:#37391f}.welcome-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:2px 0 8px;padding:0;list-style:none}.welcome-benefits li{display:grid;align-content:start;gap:5px;min-height:105px;border:2px solid #181a1e;border-radius:var(--radius-md);background:#f8f8f480;padding:15px}.welcome-benefits strong{font-size:14px}.welcome-benefits span{font-size:12px;font-weight:650;line-height:1.4}.onboarding-primary{min-height:58px}.welcome-onboarding-slide .onboarding-primary{background:#181a1e;color:#f8f8f4}.onboarding-pathway-slide{display:grid;gap:22px}.onboarding-slide-heading{display:grid;gap:10px}.onboarding-slide-heading .eyebrow,.onboarding-slide-heading h1,.onboarding-slide-heading p{margin:0}.onboarding-slide-heading>p:not(.eyebrow){max-width:58ch;color:var(--color-text-muted);font-size:15px;font-weight:600;line-height:1.45}.onboarding-slide-heading .onboarding-pathway-note{width:fit-content;border-radius:var(--radius-pill);background:var(--color-info-soft);padding:7px 10px;color:var(--color-on-info);font-size:10px;font-weight:800}.onboarding-pathway-slide .pathway-browser{--pathway-card-width: min(58vw, 252px)}.onboarding-pathway-slide .pathway-art-frame img{aspect-ratio:4 / 5;object-position:center 16%}.onboarding-pathway-slide .pathway-art-copy{gap:12px;padding:13px}.onboarding-pathway-slide .pathway-art-copy p{min-height:0;font-size:12px}.onboarding-pathway-slide .pathway-art-copy em{font-size:10px}.onboarding-pathway-slide .pathway-art-copy .primary{min-height:48px}.onboarding-story-slide{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1fr);gap:clamp(24px,5vw,58px);align-items:center}.onboarding-story-art{display:block;width:100%;max-height:min(68vh,650px);aspect-ratio:4 / 3;border:2px solid var(--ink);border-radius:var(--radius-lg);object-fit:cover}.onboarding-story-copy{display:grid;gap:18px;min-width:0}.onboarding-story-copy .eyebrow,.onboarding-story-copy h1{margin:0}.onboarding-story-copy h1{font-size:clamp(38px,5.8vw,60px)}.onboarding-story-points{display:grid;gap:10px;margin:0;padding:0;list-style:none}.onboarding-story-points li{display:grid;grid-template-columns:15px minmax(0,1fr);gap:2px 10px;padding:12px 0;border-top:1px solid var(--color-border-subtle)}.onboarding-story-points li:before{content:"";grid-row:span 2;width:12px;height:12px;margin-top:3px;border-radius:50%;background:var(--color-success)}.onboarding-story-points strong{font-size:14px}.onboarding-story-points span{color:var(--color-text-muted);font-size:12px;font-weight:600;line-height:1.4}.onboarding-reminder-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--color-highlight);padding:15px;color:var(--color-on-highlight);cursor:pointer}.onboarding-reminder-option input{width:24px;height:24px;margin:0;accent-color:#181a1e}.onboarding-reminder-option span,.onboarding-reminder-note{display:grid;gap:3px}.onboarding-reminder-option small,.onboarding-reminder-note span{font-size:11px;font-weight:650;line-height:1.35}.onboarding-reminder-note{border-radius:var(--radius-md);background:var(--color-info-soft);padding:14px;color:var(--color-on-info)}.onboarding-account-note{margin:-8px 0 0;color:var(--color-text-muted);font-size:11px;font-weight:700;text-align:center}.pathway-browser{--pathway-card-width: min(64vw, 286px);display:flex;gap:14px;position:relative;left:50%;width:100vw;max-width:none;margin-inline:-50vw 0;padding:4px calc((100vw - var(--pathway-card-width)) / 2) 18px;overflow-x:auto;scroll-padding-inline:calc((100vw - var(--pathway-card-width)) / 2);scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pathway-browser::-webkit-scrollbar{display:none}.pathway-art-card{flex:0 0 var(--pathway-card-width);min-width:0;overflow:hidden;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--color-surface);scroll-snap-align:center}.pathway-art-card.selected{outline:4px solid var(--color-highlight);outline-offset:-4px}.pathway-art-frame{position:relative;background:#181a1e}.pathway-art-frame img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.pathway-current-badge{position:absolute;top:12px;right:12px;border-radius:var(--radius-pill);background:var(--color-highlight);padding:7px 10px;color:var(--color-on-highlight);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.pathway-art-copy{display:grid;gap:16px;padding:16px}.pathway-art-copy>div{display:grid;gap:8px}.pathway-art-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.pathway-art-title h2{margin:0;font-size:23px;letter-spacing:-.035em}.pathway-art-title small{flex:0 0 auto;border-radius:var(--radius-pill);background:var(--color-highlight);padding:5px 8px;color:var(--color-on-highlight);font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.pathway-art-copy p{min-height:4.15em;margin:0;color:var(--color-text-muted);font-size:13px;font-weight:600;line-height:1.4}.pathway-art-copy em{overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.pathway-art-copy .primary{min-height:52px;padding:12px 14px;font-size:13px}.pathway-art-copy .primary:disabled{opacity:1;background:var(--color-disabled);color:var(--color-text-muted)}.pathway-page-card{display:grid;gap:22px;width:min(100%,var(--app-page-max-width));min-width:0}.pathway-page-intro{max-width:62ch;margin:0;color:var(--color-text-muted);font-size:16px;font-weight:600;line-height:1.5}.settings-pathway-carousel{height:min(68vh,650px);margin-inline:-24px}.settings-pathway-carousel .uc-pathways__track{--uc-pathway-width: min(68vw, 310px);align-items:flex-start}.settings-pathway-carousel .uc-pathway-card{height:auto;max-height:100%;aspect-ratio:2 / 3.5}.settings-pathway-carousel .uc-pathway-card__front{grid-template-rows:auto auto;align-content:start}.settings-pathway-carousel .uc-pathway-card__front img{height:auto;aspect-ratio:2 / 3;object-position:center top}@media(min-width:680px){.settings-pathway-carousel{height:auto;margin-inline:0;overflow:visible}.settings-pathway-carousel .uc-pathways__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:auto;overflow:visible;padding:0;scroll-snap-type:none;touch-action:auto}.settings-pathway-carousel .uc-pathway-card{width:100%;height:auto;aspect-ratio:2 / 3.5;transform:none;opacity:1}.settings-pathway-carousel .uc-pathway-card.is-focused,.settings-pathway-carousel .uc-pathway-card.is-focused.is-flipped{transform:none}}@media(min-width:940px){.settings-pathway-carousel .uc-pathways__track{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-pathway-carousel .uc-pathway-card{height:auto}}.onboarding-note{margin:18px 2px 0;color:var(--muted);font-size:12px;font-weight:700}.map-shell{align-items:flex-start}.map-card{width:min(100%,var(--app-page-max-width));min-width:0;padding:26px}.map-intro{max-width:70ch;margin:22px 0;color:var(--color-text-muted);font-size:16px;font-weight:550;line-height:1.5}.map-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}.map-summary div{display:grid;gap:3px;padding:15px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--white)}.map-summary div:nth-child(1){background:var(--color-info);color:var(--color-on-info)}.map-summary div:nth-child(2),.map-summary div:nth-child(3){background:var(--color-surface);color:var(--color-text)}.map-summary strong{font-size:25px}.map-summary span{color:inherit;font-size:12px;font-weight:800}.map-rotation-key{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:var(--color-text-muted);font-size:11px;font-weight:750;line-height:1.35}.map-rotation-key>span{display:grid;place-items:center;flex:0 0 auto;width:21px;height:21px;border-radius:50%;background:var(--color-info);color:var(--color-on-info)}.heat-legend{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin:20px 0 11px;color:var(--color-text-muted);font-size:12px;font-weight:800}.heat-ramp-wrap{position:relative;display:block;width:100%;height:14px}.heat-ramp{display:block;width:100%;height:14px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:linear-gradient(90deg,#fff,#e1fae6,#c3f6cf,#a5f2b5,#87ed9c,#69e985)}.heat-user-range{position:absolute;top:-5px;bottom:-5px;z-index:1;border:3px solid var(--yellow);border-radius:0;pointer-events:none}.map-quality-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;margin-top:18px}.map-quality-overview button{display:grid;gap:11px;min-width:0;min-height:86px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--color-surface);padding:13px;color:var(--color-text);text-align:left}.map-quality-overview button>span{display:grid;gap:2px}.map-quality-overview button strong{font-size:15px;line-height:1.2}.map-quality-overview button small{color:var(--color-text-muted);font-size:10px;font-weight:750}.map-quality-overview button>i{display:block;overflow:hidden;height:8px;border-radius:var(--radius-pill);background:var(--color-border-subtle)}.map-quality-overview button>i>i{display:block;height:100%;border-radius:inherit;background:#181a1e}[data-theme=dark] .map-quality-overview button>i>i{background:#f8f8f4}.map-quality-overview button.selected{background:var(--color-highlight);color:var(--color-on-highlight)}.map-quality-overview button.selected small{color:inherit}.map-quality-detail{margin-top:18px}.map-quality-detail>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}.map-quality-detail>header div{display:grid;gap:1px}.map-quality-detail>header span{color:var(--color-text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.map-quality-detail h2{margin:0;font-size:26px;letter-spacing:-.04em}.map-quality-detail>header>strong{font-size:22px}.map-chord-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.map-chord{display:grid;align-content:start;gap:3px;min-height:96px;border:2px solid #181a1e;border-radius:var(--radius-sm);padding:13px;color:#181a1e}.map-chord>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.map-rotation-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-info);color:var(--color-on-info)}.map-chord strong{font-size:22px}.map-chord span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.map-chord small{color:#4e5158;font-size:11px;font-weight:700}.map-chord.unpracticed{border-color:var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-muted)}.map-chord.unpracticed small{color:var(--color-text-muted)}[data-theme=dark] .map-chord:not(.unpracticed){border-color:transparent}.map-note{margin:13px 2px 0;color:var(--muted);font-size:12px;font-weight:700}.settings-card{display:grid;gap:30px}fieldset{min-width:0;margin:0;padding:0;border:0}legend{padding:0;font-size:18px;font-weight:800}.field-help{margin:5px 0 13px;color:var(--muted);font-size:13px;font-weight:550}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.theme-options button,.length-options button,.key-options button,.quality-mix-options button{min-height:48px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);padding:11px 8px;color:var(--ink);font-weight:800}.theme-options button.selected,.length-options button.selected,.key-options button.selected,.quality-mix-options button.selected{background:var(--color-highlight);color:var(--color-on-highlight)}.key-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.key-options button:first-child{grid-column:span 2}.quality-mix-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-subpage-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:68px;margin-top:13px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--white);padding:13px 15px;color:var(--ink);text-align:left}.settings-subpage-button>span{display:grid;gap:2px}.settings-subpage-button strong{font-weight:850}.settings-subpage-button small{color:var(--muted);font-size:11px;font-weight:700}.settings-subpage-button:hover,.settings-subpage-button:focus-visible{background:var(--color-info-soft);color:var(--color-on-info)}.pathway-settings-button{display:grid;grid-template-columns:58px minmax(0,1fr) auto}.pathway-settings-button>img{display:block;width:58px;aspect-ratio:2 / 3;border-radius:7px;object-fit:cover}.chord-selection-card{display:grid;gap:24px;width:min(100%,var(--app-page-max-width))}.chord-selection-status{display:grid;gap:3px;padding:15px;border-radius:var(--radius-sm);background:var(--color-info-soft);color:var(--color-on-info)}.chord-selection-status span{font-size:12px;font-weight:650;line-height:1.4;opacity:.7}.mix-editor-section{display:grid;gap:12px}.mix-editor-section>div:first-child:not(.chord-chip-heading){display:grid;gap:3px}.mix-editor-section h2{margin:0;font-size:18px}.mix-editor-section p{margin:0;color:var(--muted);font-size:12px;font-weight:600;line-height:1.4}.custom-key-options{margin-top:0}.fine-tune-section{gap:18px;padding-top:4px;border-top:2px solid var(--color-border-subtle)}.chord-quality-group{display:grid;gap:8px}.chord-quality-group>strong{font-size:13px}.quality-chip-filter{display:flex;gap:7px;margin-inline:-2px;padding:2px 2px 7px;overflow-x:auto;scrollbar-width:none}.quality-chip-filter::-webkit-scrollbar{display:none}.quality-chip-filter button{flex:0 0 auto;min-height:42px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);padding:8px 12px;color:var(--ink);font-size:12px;font-weight:800}.quality-chip-filter button.selected{background:var(--color-special);color:var(--color-on-special)}.chord-chip-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.chord-chip-heading>div{display:grid;gap:2px}.chord-chip-heading span{color:var(--muted);font-size:11px;font-weight:700}.chord-chip-heading .text-button{min-height:40px;padding:7px 11px;font-size:11px}.chord-chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chord-chip-grid button{min-width:0;min-height:50px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);padding:9px 6px;color:var(--ink);font-weight:850}.chord-chip-grid button.selected{background:var(--color-success);color:var(--color-on-success)}.chord-selection-actions{display:grid;gap:7px;margin-top:4px;border:2px solid var(--ink);border-radius:calc(var(--radius-pill) + 3px);background:var(--page);padding:7px}.chord-selection-actions .primary{min-height:54px}.chord-selection-actions small{padding:0 12px 5px;color:var(--muted);font-size:10px;font-weight:700;text-align:center}.option-list{display:grid;border-top:2px solid var(--ink)}.check-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:2px solid var(--ink);font-weight:800}.check-option small{margin-left:5px;color:var(--muted);font-weight:550}.check-option input{display:grid;place-content:center;flex:0 0 auto;width:24px;min-height:24px;height:24px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--ink);border-radius:4px;background:var(--white)}.check-option input:before{content:"";width:6px;height:12px;border:solid var(--color-on-info);border-width:0 3px 3px 0;opacity:0;transform:translateY(-1px) rotate(45deg) scale(.7)}.check-option input:checked{background:var(--blue)}.check-option input:checked:before{opacity:1;transform:translateY(-1px) rotate(45deg) scale(1)}.length-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.frequency-settings-list{display:grid;border-top:2px solid var(--ink)}.frequency-settings-list label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 2px;border-bottom:2px solid var(--ink)}.frequency-settings-list strong{font-size:19px}.frequency-settings-list select{min-width:156px;min-height:48px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);padding:9px 34px 9px 12px;color:var(--ink);font-weight:800}.frequency-settings-list select:focus{outline:0;box-shadow:var(--focus-ring)}.empty-frequency{margin:12px 0 0;padding:14px;border:2px dashed var(--ink);border-radius:12px;color:var(--muted);font-size:13px;font-weight:700}.settings-links{display:grid;margin-top:13px;border-top:2px solid var(--ink)}.settings-links button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:12px 2px;color:var(--color-text);text-align:left;font-weight:800}.settings-links button:last-child{border-bottom:0}.settings-links button:hover,.settings-links button:focus-visible{color:var(--color-text);background:var(--color-highlight);padding-inline:12px}.legal-shell{align-items:flex-start}.legal-card{display:grid;gap:24px;width:min(100%,var(--app-page-max-width))}.legal-content{display:grid;gap:13px;color:var(--color-text);font-size:16px;font-weight:500;line-height:1.6}.legal-content h2{margin:16px 0 0;color:var(--ink);font-size:21px;line-height:1.2}.legal-content p{margin:0}.legal-content a{color:inherit;font-weight:800;text-decoration-thickness:2px;text-underline-offset:3px}.methodology-intro{font-size:18px;font-weight:650}.methodology-note{display:grid;gap:6px;margin-top:16px;border-radius:var(--radius-sm);background:var(--color-info-soft);padding:16px;color:var(--color-on-info)}.methodology-note p{color:inherit}.support-options{display:grid;gap:9px;margin:8px 0}.download-app-card{display:grid;gap:22px;width:min(100%,var(--app-page-max-width))}.download-app-card>p{max-width:54ch;margin:0;color:var(--color-text-muted);font-size:17px;font-weight:600;line-height:1.55}.download-app-card>small{color:var(--color-text-muted);font-size:12px;font-weight:650;line-height:1.45}.download-app-actions{display:grid;gap:9px}.link-button{display:block;text-align:center;text-decoration:none}.delete-check{display:flex;align-items:flex-start;gap:10px;padding:15px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--white);line-height:1.4}.upgrade-card{display:grid;gap:20px;width:min(100%,var(--app-page-max-width))}.upgrade-card h1{margin:0;font-size:clamp(44px,8vw,78px);line-height:.94;letter-spacing:-.055em}.upgrade-card .back-button{justify-self:start}.upgrade-lede{max-width:58ch;margin:0;color:var(--muted);font-size:clamp(17px,2vw,21px);font-weight:650;line-height:1.5}.upgrade-price{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:22px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--yellow);color:var(--color-on-highlight)}.upgrade-price strong{font-size:clamp(28px,5vw,42px);line-height:1}.upgrade-price span{font-weight:750}.upgrade-benefits{display:grid;gap:0;margin:0;padding:0;list-style:none;border-block:2px solid var(--line)}.upgrade-benefits li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:start;padding:17px 2px;border-bottom:1px solid var(--color-border-subtle)}.upgrade-benefits li:last-child{border-bottom:0}.upgrade-benefits svg{color:var(--green)}.upgrade-benefits span{display:grid;gap:3px;color:var(--muted);line-height:1.4}.upgrade-benefits strong{color:var(--ink);font-size:17px}.upgrade-note{margin:-7px 0 0;color:var(--muted);font-size:13px;font-weight:650;text-align:center}.upgrade-legal{margin:0;color:var(--muted);font-size:13px;font-weight:600;line-height:1.5;text-align:center}.upgrade-links{display:flex;justify-content:center;gap:22px}.upgrade-links a{color:var(--ink);font-size:14px;font-weight:800;text-underline-offset:3px}.summary-upgrade-callout{display:grid;gap:5px;padding:18px;border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--yellow);color:var(--color-on-highlight)}.summary-upgrade-callout strong{font-size:19px}.summary-upgrade-callout span{font-weight:650;line-height:1.4}.account-pro-link{width:100%;min-height:54px;padding:12px 16px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--yellow);color:var(--color-on-highlight);font:inherit;font-weight:800;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.delete-check input{flex:0 0 auto;width:21px;min-height:21px;height:21px;margin:1px 0 0;accent-color:var(--coral)}@media(max-width:620px){.shell{padding:calc(16px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.practice-card,.map-card{padding:17px}.settings-pathway-carousel{height:min(66vh,570px);margin-inline:-17px}.account-section{padding:16px}.account-name-row{grid-template-columns:1fr}.account-save-button{width:100%}.reminder-preference-row{grid-template-columns:1fr}.reminder-time-field{width:fit-content}.onboarding-wizard-shell{padding-top:calc(10px + env(safe-area-inset-top))}.onboarding-wizard-header{grid-template-columns:82px 1fr 42px;gap:8px;margin-bottom:10px}.onboarding-wordmark strong{display:none}.onboarding-progress{margin-bottom:16px}.welcome-onboarding-slide{gap:17px;padding:24px 20px}.welcome-onboarding-slide:before{width:64px;height:64px}.welcome-onboarding-slide h1{font-size:clamp(44px,13vw,58px)}.welcome-benefits{grid-template-columns:1fr;gap:7px}.welcome-benefits li{min-height:0;padding:11px 13px}.onboarding-slide-lede{font-size:15px}.onboarding-story-slide{grid-template-columns:1fr;gap:18px}.onboarding-story-art{width:100%;height:clamp(210px,31vh,270px);max-height:none;aspect-ratio:auto;object-position:center 25%}.onboarding-story-copy{gap:13px}.onboarding-story-copy h1{font-size:clamp(36px,10.5vw,48px)}.onboarding-story-points{gap:0}.onboarding-story-points li{padding:9px 0}.onboarding-pathway-slide{gap:16px}.onboarding-slide-heading h1{font-size:clamp(38px,11vw,48px)}.onboarding-brand{margin-bottom:40px}.key-options,.chord-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.score-grid{grid-template-columns:1fr 1fr}.chord-symbol{min-height:164px}.music-keyboard button{min-height:50px}.practice-label{display:none}.mobile-context{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.curriculum-context{display:none}.progress{margin-bottom:16px}.chord-frequency-chip{top:10px;right:10px;min-width:82px;padding:6px 9px;font-size:10px}.upgrade-price{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.top-row,.page-header-main{gap:10px}.top-actions .text-button{padding:7px 10px;font-size:12px}.home-nav{margin-bottom:18px}.history-strip{gap:5px}.history-strip div{padding:10px 8px}.history-strip strong{font-size:19px}.session-card div{align-items:flex-start;flex-direction:column;gap:3px}.score-grid{grid-template-columns:1fr}.answer-feedback{align-items:flex-start;flex-direction:column}.checkpoint .checkpoint-actions{grid-template-columns:1fr}.answer-actions{grid-template-columns:54px minmax(0,1fr)}.chord-symbol.long-symbol{font-size:clamp(40px,13vw,56px)}.piano{height:112px}.black-key{height:67px}.map-summary div{padding:11px 9px}.map-summary strong{font-size:20px}.brand-mark.compact{width:32px}}