/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.\!filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#182019;--muted:#667168;--paper:#f5f3eb;--cream:#ebe8dc;--card:#fffdf8;--line:#d5d7cd;--green:#285d44;--lime:#d9ff67;--orange:#ff7452;--yellow:#f5c94a;--shadow:0 24px 70px #19221b1f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}main{overflow:hidden}nav{border-bottom:1px solid #1820192e;justify-content:space-between;align-items:center;width:min(1240px,100% - 48px);height:82px;margin:auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:800;display:flex}.brand-mark{background:var(--ink);width:48px;height:30px;color:var(--lime);letter-spacing:.08em;border-radius:4px;place-items:center;font:800 10px/1 ui-monospace,monospace;display:grid}.nav-links{gap:30px;font-size:.86rem;font-weight:700;display:flex}.nav-links a:hover{text-underline-offset:5px;text-decoration:underline}.hero{grid-template-columns:.88fr 1.12fr;align-items:center;gap:76px;width:min(1240px,100% - 48px);margin:0 auto;padding:84px 0 108px;display:grid}.eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font:800 .72rem/1.2 ui-monospace,monospace}.hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(3.6rem,7.3vw,6.8rem);font-weight:850;line-height:.88}.hero h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.lede{color:#4e5950;max-width:540px;margin:32px 0;font-size:1.12rem;line-height:1.7}.mapping{border:1px solid var(--line);background:#ffffff73;border-radius:10px;grid-template-columns:repeat(4,1fr);width:min(440px,100%);display:grid;overflow:hidden}.mapping div{border-right:1px solid var(--line);padding:13px 17px}.mapping div:last-child{border:0}.mapping small,.mapping strong{display:block}.mapping small{color:var(--muted);font:700 .72rem ui-monospace,monospace}.mapping strong{color:var(--green);font:800 1.05rem Georgia,serif}.trainer{background:var(--card);box-shadow:var(--shadow);border:1px solid #cfd2c7;border-radius:18px;padding:20px 24px 18px;transform:rotate(.35deg)}.trainer-top{color:var(--muted);letter-spacing:.13em;justify-content:space-between;font:800 .7rem ui-monospace,monospace;display:flex}.notation{width:100%;height:104px;overflow:hidden}.notation-hero{height:154px;margin-top:3px}.notation svg{width:100%;height:100%;display:block}.answer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:48px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 3px;font-weight:700;display:flex}.answer.is-revealed span{color:var(--green);font:700 1.45rem Georgia,serif}.answer button{color:var(--green);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:.75rem;font-weight:800;text-decoration:underline}.slot-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.slot-grid>div{border:1px solid var(--line);border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:8px 9px;transition:all .15s;display:grid;position:relative}.slot-grid b{font-size:.76rem}.slot-grid small{color:var(--muted);font:700 .65rem ui-monospace,monospace}.slot-dot{border-radius:50%;width:7px;height:7px}.slot-on{background:#edf8df}.slot-on .slot-dot{background:var(--green)}.slot-off{opacity:.5}.slot-off .slot-dot{border:1px solid var(--muted)}.transport{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:18px;display:grid}.transport button{cursor:pointer;border:0;border-radius:9px;height:44px;font-weight:800}.play{background:var(--green);color:#fff;align-items:center;gap:9px;padding:0 18px;display:flex}.play span{color:var(--lime)}.next{background:var(--lime);color:var(--ink);padding:0 17px}.next span{margin-left:7px}.tempo{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;font-size:.7rem;font-weight:800;display:grid}.tempo input{width:100%;accent-color:var(--green)}.tempo output{color:var(--ink);grid-column:1/-1;font:700 .68rem ui-monospace,monospace}.shortcuts{text-align:center;color:#90988f;margin:10px 0 0;font-size:.67rem}.method{background:var(--green);color:#fff;grid-template-columns:.85fr 1.25fr .75fr;align-items:start;gap:72px;padding:80px max(24px,50vw - 620px);display:grid}.method .eyebrow{color:var(--lime)}.method h2,.library h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.7rem,4.6vw,4.6rem);line-height:.95}.method-copy{color:#dce6df;font-family:Georgia,serif;font-size:1.17rem;line-height:1.75}.method-copy p{margin:0 0 17px}.method-copy strong{color:var(--lime)}.mini-lesson{background:#ffffff0f;border:1px solid #ffffff4d;border-radius:13px;padding:24px}.lesson-kicker{color:var(--lime);letter-spacing:.12em;text-transform:uppercase;font:800 .68rem ui-monospace,monospace;display:block}.mini-lesson strong{margin:12px 0;font:700 1.7rem Georgia,serif;display:block}.mini-lesson p{color:#cbd8cf;margin:0;font-size:.88rem}.library{width:min(1240px,100% - 48px);margin:auto;padding:105px 0}.section-head{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.filters{gap:7px;display:flex}.filters button{border:1px solid var(--line);cursor:pointer;width:42px;height:38px;color:var(--muted);background:0 0;border-radius:20px;font-weight:800}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.pattern-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pattern-card{-webkit-appearance:none;appearance:none;text-align:left;color:inherit;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:13px;padding:16px 18px 14px;transition:all .2s}.pattern-card:hover{border-color:#90988f;transform:translateY(-4px);box-shadow:0 13px 28px #19221b14}.pattern-head{justify-content:space-between;align-items:baseline;display:flex}.pattern-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:700 .66rem ui-monospace,monospace}.pattern-head strong{color:var(--green);font:700 1.05rem Georgia,serif}.pattern-card .slot-grid>div{padding:6px 8px}.practice-link{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:14px;padding-top:11px;font-size:.72rem;font-weight:700;display:flex}.practice-link b{color:var(--green)}footer{border-top:1px solid var(--line);width:min(1240px,100% - 48px);color:var(--muted);justify-content:space-between;align-items:center;margin:auto;padding:30px 0 42px;font-size:.78rem;display:flex}footer a{color:var(--ink);font-weight:800}@media (max-width:980px){.hero{grid-template-columns:1fr;gap:48px;padding-top:60px}.hero-copy{max-width:760px}.trainer{transform:none}.method{grid-template-columns:1fr 1.4fr}.mini-lesson{grid-column:2}.pattern-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){nav,.hero,.library,footer{width:min(100% - 28px,1240px)}.nav-links{display:none}.hero{padding:52px 0 72px}.hero h1{font-size:clamp(3.4rem,17vw,5rem)}.trainer{padding:17px 14px}.notation-hero{height:130px}.slot-grid b{display:none}.transport{grid-template-columns:1fr 1fr}.tempo{grid-area:2/1/auto/-1}.method{grid-template-columns:1fr;gap:30px;padding:62px 20px}.mini-lesson{grid-column:auto}.section-head{flex-direction:column;align-items:start;gap:25px}.pattern-grid{grid-template-columns:1fr}.library{padding:75px 0}footer{flex-direction:column;align-items:flex-start;gap:20px}.answer.is-revealed span{font-size:1.18rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pattern-card{transition:none}}.home-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;width:min(1240px,100% - 48px);min-height:660px;margin:auto;padding:90px 0 110px;display:grid}.home-copy h1{letter-spacing:-.075em;max-width:850px;margin:0;font-size:clamp(4rem,8vw,7.5rem);font-weight:850;line-height:.86}.home-copy h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.primary-link{background:var(--green);color:#fff;border-radius:9px;align-items:center;gap:42px;margin-top:4px;padding:15px 19px;font-weight:800;display:inline-flex}.primary-link span{color:var(--lime)}.home-motif{grid-template-columns:1fr 1fr;align-self:stretch;gap:10px;display:grid;transform:rotate(2deg)}.home-motif span{background:var(--card);min-height:150px;color:var(--green);border:1px solid #cfd2c7;border-radius:16px;place-items:center;font:800 clamp(2rem,4vw,4.5rem)/1 ui-monospace,monospace;display:grid;box-shadow:0 14px 34px #19221b14}.home-motif span:nth-child(2),.home-motif span:nth-child(3){background:var(--green);color:var(--lime)}.tools-section{background:var(--green);color:#fff;padding:100px max(24px,50vw - 620px)}.tools-section .eyebrow{color:var(--lime)}.tools-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.95}.section-intro{color:#dce6df;max-width:420px;margin:0;font:1.08rem/1.65 Georgia,serif}.tool-card{background:#ffffff14;border:1px solid #ffffff59;border-radius:16px;grid-template-columns:70px 1fr 250px 50px;align-items:center;gap:30px;margin-top:46px;padding:30px;transition:all .2s;display:grid;position:relative}.tool-card:hover{background:#ffffff1f;transform:translateY(-4px)}.tool-number{color:var(--lime);align-self:start;font:800 .75rem ui-monospace,monospace}.tool-label{color:var(--lime);letter-spacing:.11em;text-transform:uppercase;font:800 .7rem ui-monospace,monospace}.tool-copy h3{letter-spacing:-.05em;margin:7px 0 6px;font-size:3.5rem;line-height:1}.tool-copy p{color:#dce6df;max-width:510px;margin:0}.tool-pattern{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.tool-pattern i{background:var(--lime);border:1px solid #fff6;border-radius:7px;height:78px}.tool-pattern i:nth-child(2){background:0 0}.tool-arrow{color:var(--lime);font-size:2rem}.home-about{grid-template-columns:.65fr 1.35fr;align-items:start;gap:90px;padding:105px max(24px,50vw - 620px);display:grid}.home-about h2{color:var(--green);letter-spacing:-.06em;margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.94}.philosophy-copy{max-width:760px}.philosophy-copy p{color:#4e5950;margin:0 0 22px;font:1.14rem/1.75 Georgia,serif}.philosophy-copy strong{border-top:1px solid var(--line);color:var(--green);letter-spacing:-.03em;margin-top:36px;padding-top:25px;font:clamp(1.8rem,3vw,3.1rem)/1.15 Georgia,serif;display:block}@media (max-width:980px){.home-hero{grid-template-columns:1fr;min-height:auto}.home-motif{min-height:340px}.tool-card{grid-template-columns:50px 1fr 180px 30px}.home-about{grid-template-columns:1fr}}@media (max-width:650px){.home-hero{width:min(100% - 28px,1240px);padding:58px 0 75px}.home-copy h1{font-size:clamp(3.6rem,17vw,5.3rem)}.home-motif{min-height:270px}.home-motif span{min-height:120px}.tool-card{grid-template-columns:1fr;padding:24px}.tool-number{position:absolute;top:24px;right:24px}.tool-pattern{grid-row:auto}.tool-arrow{position:absolute;bottom:24px;right:24px}.home-about{padding-top:72px;padding-bottom:72px}.tkdm-hero{padding-top:48px}}.home-motif span{letter-spacing:.04em;padding:12px;font-size:clamp(1.15rem,2.2vw,2.15rem)}.home-motif .motif-long{letter-spacing:.015em;font-size:clamp(.82rem,1.45vw,1.4rem)}.home-motif{align-self:center;min-height:390px;transform:rotate(.5deg)}.home-motif span{min-height:0;font-size:clamp(1rem,1.75vw,1.65rem);box-shadow:0 8px 22px #19221b0e}.home-motif .motif-long{font-size:clamp(.9rem,1.45vw,1.35rem)}.work-manifesto{background:var(--card);border:1px solid #cfd2c7;border-radius:12px;align-self:center;padding:32px 38px;transform:rotate(-1deg);box-shadow:0 14px 34px #19221b12}.work-manifesto span,.work-manifesto strong{border-bottom:1px solid var(--line);letter-spacing:-.035em;padding:12px 4px;font:800 clamp(1.65rem,3.4vw,3.4rem)/1 ui-monospace,monospace;display:block}.work-manifesto span{color:#8a918b;text-decoration-line:line-through;-webkit-text-decoration-color:var(--orange);-webkit-text-decoration-color:var(--orange);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-decoration-thickness:.1em}.work-manifesto strong{color:var(--green);border:0;padding-top:22px}@media (max-width:650px){.work-manifesto{padding:24px 27px}.work-manifesto span,.work-manifesto strong{font-size:clamp(1.65rem,9vw,2.8rem)}}.articles-section{background:var(--cream);padding:105px max(24px,50vw - 620px)}.articles-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.95}.articles-intro{color:#59645b;max-width:460px;margin:0;font:1.08rem/1.65 Georgia,serif}.article-card-grid{grid-template-columns:1.25fr 1fr 1fr;gap:15px;display:grid}.article-card{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;min-height:360px;padding:27px;transition:all .2s;display:flex}.article-card:hover{border-color:#949b94;transform:translateY(-4px)}.article-card.featured{background:var(--green);color:#fff}.article-card>span,.article-list-item span{color:var(--green);letter-spacing:.09em;text-transform:uppercase;font:800 .68rem ui-monospace,monospace}.article-card.featured>span{color:var(--lime)}.article-card h3{letter-spacing:-.05em;margin:20px 0 14px;font-size:clamp(2rem,3vw,3.5rem);line-height:.98}.article-card p{color:var(--muted);margin:0;line-height:1.65}.article-card.featured p{color:#dce6df}.article-card b{margin-top:auto;padding-top:30px;font-size:.78rem}.all-articles{border-top:1px solid #c7c8bf;justify-content:space-between;margin-top:25px;padding-top:18px;font-weight:800;display:flex}.articles-index{width:min(1040px,100% - 48px);margin:auto;padding:90px 0 120px}.articles-index>h1{letter-spacing:-.075em;margin:0;font-size:clamp(4rem,8vw,7.5rem);line-height:.86}.articles-index>h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.article-list{border-top:1px solid var(--line);margin-top:70px}.article-list-item{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 40px;align-items:start;gap:22px;padding:30px 0;display:grid}.article-list-item>b{color:var(--green);font:800 .72rem ui-monospace,monospace}.article-list-item h2{letter-spacing:-.04em;margin:8px 0 7px;font-size:2rem}.article-list-item p{color:var(--muted);margin:0}.article-list-item i{font-size:1.4rem;font-style:normal}.article-page{width:min(900px,100% - 48px);margin:auto;padding:90px 0 70px;overflow:visible}.article-page header{border-bottom:1px solid var(--line);max-width:850px;padding-bottom:55px}.article-page h1{letter-spacing:-.07em;margin:0;font-size:clamp(4rem,8vw,7rem);line-height:.9}.article-standfirst{color:#4e5950;max-width:750px;margin:32px 0 0;font:1.35rem/1.6 Georgia,serif}.article-body{max-width:680px;margin:60px auto}.article-body p{color:#3f4941;margin:0 0 24px;font:1.14rem/1.8 Georgia,serif}.article-body h2{letter-spacing:-.04em;margin:56px 0 18px;font-size:2rem;line-height:1.1}.article-body blockquote{border-left:5px solid var(--lime);background:var(--green);color:#fff;margin:48px -65px;padding:30px 36px;font:1.65rem/1.45 Georgia,serif}.article-footer{width:100%;padding-top:25px}.article-footer a{font-weight:800}@media (max-width:800px){.article-card-grid{grid-template-columns:1fr}.article-card{min-height:280px}.article-body blockquote{margin:42px 0}.articles-index,.article-page{padding-top:60px}}.curriculum-section{background:var(--paper);padding:105px max(24px,50vw - 620px)}.curriculum-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.95}.curriculum-feature{background:var(--ink);color:#fff;border-radius:16px;justify-content:space-between;align-items:end;gap:50px;padding:38px;display:flex}.curriculum-feature span,.hub-grid span,.curriculum-card span{color:var(--lime);letter-spacing:.09em;text-transform:uppercase;font:800 .68rem ui-monospace,monospace}.curriculum-feature h3{letter-spacing:-.055em;margin:12px 0;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.96}.curriculum-feature p{color:#cfd8d1;max-width:650px;margin:0}.curriculum-feature b{white-space:nowrap;color:var(--lime)}.hub-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:65px;display:grid}.hub-grid>a{border:1px solid var(--line);background:var(--card);border-radius:15px;flex-direction:column;min-height:360px;padding:32px;display:flex}.hub-grid>a:last-child{background:var(--green);color:#fff}.hub-grid h2{letter-spacing:-.05em;margin:20px 0 12px;font-size:3rem}.hub-grid p{color:var(--muted);margin:0;line-height:1.65}.hub-grid>a:last-child p{color:#dce6df}.hub-grid b{margin-top:auto}.curriculum-index{width:min(1120px,100% - 48px);margin:auto;padding:90px 0 120px}.curriculum-index>h1{letter-spacing:-.075em;margin:0;font-size:clamp(4rem,8vw,7.5rem);line-height:.86}.curriculum-index>h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.curriculum-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:70px;display:grid}.curriculum-card{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;min-height:280px;padding:28px;display:flex}.curriculum-card>b{color:var(--green);font:.72rem ui-monospace,monospace}.curriculum-card h2{letter-spacing:-.045em;margin:25px 0 10px;font-size:2.4rem;line-height:1}.curriculum-card p{color:var(--muted);margin:0;line-height:1.6}.curriculum-card span{color:var(--green);margin-top:auto;padding-top:30px}@media (max-width:700px){.curriculum-feature{flex-direction:column;align-items:start}.hub-grid,.curriculum-grid{grid-template-columns:1fr}.hub-grid>a{min-height:300px}.curriculum-index{padding-top:60px}}.prerequisite{border:1px solid var(--line);background:var(--cream);border-radius:13px;grid-template-columns:100px 1fr auto;align-items:center;gap:25px;margin:55px 0 25px;padding:25px 28px;display:grid}.prerequisite>b{color:var(--green);letter-spacing:.09em;text-transform:uppercase;font:800 .68rem ui-monospace,monospace}.prerequisite h2{letter-spacing:-.035em;margin:0 0 4px;font-size:1.55rem}.prerequisite p{color:var(--muted);margin:0}.prerequisite a{white-space:nowrap;font-size:.75rem;font-weight:800}@media (max-width:700px){.prerequisite{grid-template-columns:1fr;align-items:start}.prerequisite a{white-space:normal}}.article-rail-controls{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:-20px 0 14px;font:800 .68rem ui-monospace,monospace;display:flex}.article-rail-controls>div{gap:7px;display:flex}.article-rail-controls button{border:1px solid var(--line);background:var(--card);width:42px;height:38px;color:var(--ink);cursor:pointer;border-radius:20px;font-weight:800}.article-rail-controls button:hover{background:var(--ink);color:#fff}.article-card-grid.article-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a6aaa3 transparent;gap:15px;padding:4px 2px 16px;display:flex;overflow-x:auto}.article-rail .article-card{scroll-snap-align:start;flex:0 0 min(390px,72vw)}.article-rail:focus-visible{outline:2px solid var(--green);outline-offset:5px}@media (max-width:650px){.article-rail-controls>span{display:none}.article-rail .article-card{flex-basis:84vw}}.home-curriculum-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.home-curriculum-grid>a{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;min-height:300px;padding:28px;transition:all .2s;display:flex}.home-curriculum-grid>a:first-child{background:var(--ink);color:#fff}.home-curriculum-grid>a:hover{border-color:#949b94;transform:translateY(-4px)}.home-curriculum-grid span{color:var(--green);letter-spacing:.09em;text-transform:uppercase;font:800 .68rem ui-monospace,monospace}.home-curriculum-grid>a:first-child span{color:var(--lime)}.home-curriculum-grid h3{letter-spacing:-.05em;margin:22px 0 12px;font-size:clamp(2rem,3.5vw,3.8rem);line-height:.95}.home-curriculum-grid p{max-width:480px;color:var(--muted);margin:0}.home-curriculum-grid>a:first-child p{color:#dce6df}.home-curriculum-grid b{margin-top:auto;padding-top:28px;font-size:.76rem}.home-curriculum-grid>a:first-child b{color:var(--lime)}@media (max-width:650px){.home-curriculum-grid{grid-template-columns:1fr}.home-curriculum-grid>a{min-height:260px}}.tool-list{gap:14px;margin-top:46px;display:grid}.tool-list .tool-card{margin-top:0}.tool-staff{width:100%;height:104px;overflow:hidden}.tool-staff svg{width:100%;height:100%;display:block}.reading-shell{width:min(1240px,100% - 48px);margin:auto;padding:70px 0 100px;overflow:visible}.reading-header{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;display:grid}.reading-header h1{letter-spacing:-.07em;margin:0;font-size:clamp(3.8rem,7vw,7rem);line-height:.87}.reading-header h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.reading-header>div:last-child{padding-bottom:8px}.reading-header>div:last-child p{max-width:430px;color:var(--muted);margin:0 0 24px;font:1.12rem/1.65 Georgia,serif}.reading-generate{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:15px 18px;font-weight:800}.reading-generate span{color:var(--lime);margin-left:30px}.reading-controls{background:var(--line);border-radius:12px;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 1px;margin:58px 0 22px;padding:1px;display:grid;overflow:hidden}.reading-controls>label,.reading-controls>.reading-field{background:var(--card);border:0;flex-direction:column;min-width:0;min-height:112px;margin:0;padding:17px;display:flex}.reading-controls>label>span,.reading-controls .control-label{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;width:100%;padding:0;font:800 .69rem ui-monospace,monospace;display:flex}.reading-controls b{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.reading-controls input[type=range]{width:100%;accent-color:var(--green);margin:17px 0 8px}.reading-controls small{color:var(--green);font-weight:800}.reading-controls>label>select{width:100%;color:var(--ink);background:0 0;border:0;margin-top:auto;font-weight:800}.control-rhythm,.control-harmony{grid-column:span 3}.control-key,.control-length,.control-meter{grid-column:span 2}.control-frets{grid-column:span 4}.control-strings{grid-column:span 8}.fret-picker{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;margin:9px 0 5px;display:grid}.fret-picker label{min-width:0}.fret-picker label small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:800 .57rem ui-monospace,monospace;display:block}.fret-picker select{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;margin-top:2px;padding:5px 2px;font-weight:850}.fret-picker>span{color:var(--muted);padding-bottom:5px}.string-picker{grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0 6px;display:grid}.string-picker button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--muted);cursor:pointer;border-radius:8px}.string-picker button.active{border-color:var(--green);background:var(--green);color:#fff}.string-picker strong,.string-picker small{display:block}.string-picker strong{font-size:.88rem}.string-picker button small{color:inherit;text-transform:uppercase;font:700 .55rem ui-monospace,monospace}.string-picker button[aria-disabled=true]{cursor:not-allowed}:is(.string-picker button:focus-visible,.reading-controls select:focus-visible,.reading-controls input:focus-visible){outline:2px solid var(--lime);outline-offset:2px}.score-paper{box-shadow:var(--shadow);background:#fffefa;border:1px solid #cfd2c7;border-radius:14px;padding:28px 30px 24px;overflow:hidden}.score-meta,.score-foot{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;font:800 .67rem ui-monospace,monospace;display:flex}.reading-score{width:100%;min-width:650px;overflow:hidden}.score-foot{border-top:1px solid var(--line);padding-top:16px}.score-foot button{color:var(--green);cursor:pointer;background:0 0;border:0;font-weight:800}.reading-note{border-left:4px solid var(--lime);max-width:680px;margin:38px 0 0 auto;padding-left:26px}.reading-note b{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font:800 .7rem ui-monospace,monospace}.reading-note p{color:var(--muted);margin:8px 0 0;font:1.02rem/1.65 Georgia,serif}@media (max-width:980px){.reading-header{grid-template-columns:1fr}.reading-controls{grid-template-columns:repeat(6,minmax(0,1fr))}.control-rhythm,.control-harmony{grid-column:span 3}.control-key,.control-length,.control-meter,.control-frets{grid-column:span 2}.control-strings{grid-column:span 4}.reading-score{overflow-x:auto}.tool-staff{display:none}}@media (max-width:650px){.reading-shell{width:min(100% - 28px,1240px);padding-top:52px}.reading-header{gap:30px}.reading-header h1{font-size:clamp(3.5rem,17vw,5.1rem)}.reading-controls{grid-template-columns:1fr 1fr}.reading-controls>label,.reading-controls>.reading-field{min-height:105px}.control-rhythm,.control-harmony,.control-key,.control-length,.control-meter,.control-frets{grid-column:span 1}.control-strings{grid-column:span 2}.string-picker{gap:4px}.string-picker button{min-height:42px}.score-paper{padding:20px 14px}.score-meta{flex-wrap:wrap;align-items:flex-start}.score-meta span:first-child{width:100%}.score-meta span:last-child{display:none}.reading-score{overflow-x:auto}.tool-list .tool-card{grid-template-columns:1fr}}.score-paper,.reading-score{overflow-anchor:none}.reading-controls .fixed-control{margin-top:auto;font-size:1rem}.reading-group{margin-top:72px}.reading-group>h2{letter-spacing:-.045em;margin:0;font-size:2.3rem}.reading-group .article-list{margin-top:20px}.article-list-item h3{letter-spacing:-.04em;margin:8px 0 7px;font-size:2rem}.home-curriculum-grid>a:first-child{background:var(--green)}.philosophy-copy strong{letter-spacing:-.055em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-weight:850;line-height:1.05}.community-section{background:var(--cream);color:var(--ink);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:end;gap:80px;padding:95px max(24px,50vw - 620px);display:grid}.community-section h2{letter-spacing:-.065em;margin:0;font-size:clamp(3rem,6vw,6.25rem);line-height:.88}.community-section h2 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.community-copy{justify-self:end;max-width:520px}.community-copy p{color:var(--muted);margin:0 0 30px;font:1.2rem/1.65 Georgia,serif}.community-copy a{background:var(--green);color:#fff;border-radius:9px;justify-content:space-between;align-items:center;padding:18px 20px;font-weight:800;display:flex}.community-copy a span{color:var(--lime);font-size:1.25rem}@media (max-width:760px){.community-section{grid-template-columns:1fr;gap:38px;padding-top:72px;padding-bottom:72px}.community-copy{justify-self:stretch;max-width:none}}.tool-interval{height:88px;color:var(--lime);justify-content:center;align-items:center;gap:14px;display:flex}.tool-interval span{border:1px solid #ffffff73;border-radius:50%;place-items:center;width:52px;height:52px;font:800 1.35rem ui-monospace,monospace;display:grid}.tool-interval i{background:#ffffff8c;width:70px;height:1px}.ear-shell{width:min(1240px,100% - 48px);margin:auto;padding:76px 0 110px;overflow:visible}.ear-header{grid-template-columns:1.25fr .75fr;align-items:end;gap:80px;display:grid}.ear-header h1{letter-spacing:-.07em;margin:0;font-size:clamp(3.8rem,7vw,7rem);line-height:.87}.ear-header h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.ear-header>p{max-width:430px;color:var(--muted);margin:0 0 8px;font:1.12rem/1.65 Georgia,serif}.ear-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:18px;margin-top:58px;display:grid}.ear-trainer{background:var(--card);box-shadow:var(--shadow);border:1px solid #cfd2c7;border-radius:17px;padding:28px}.ear-status{color:var(--muted);letter-spacing:.1em;justify-content:space-between;font:800 .68rem ui-monospace,monospace;display:flex}.ear-listen{justify-content:center;align-items:center;gap:28px;height:190px;display:flex}.ear-listen span{border:1px solid var(--line);background:var(--paper);width:76px;height:76px;color:var(--green);border-radius:50%;place-items:center;font:800 2.2rem ui-monospace,monospace;transition:all .2s;display:grid}.ear-listen i{background:var(--line);width:110px;height:1px}.ear-listen.is-playing span:first-child{animation:.72s ease-out ear-pulse}.ear-listen.is-playing span:last-child{animation:.72s ease-out .92s ear-pulse}.ear-play{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;height:54px;font-weight:850}.ear-play span{color:var(--lime);margin-right:12px}.ear-play:hover{background:#204c37}.ear-answer-grid{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:18px;display:grid}.ear-answer-grid button{border:1px solid var(--line);background:var(--paper);min-height:76px;color:var(--ink);cursor:pointer;border-radius:9px;padding:9px 3px}.ear-answer-grid button:hover:not(:disabled){border-color:var(--green);transform:translateY(-2px)}.ear-answer-grid strong,.ear-answer-grid span{display:block}.ear-answer-grid strong{font-size:1.3rem}.ear-answer-grid span{color:var(--muted);margin-top:3px;font:800 .65rem ui-monospace,monospace}.ear-answer-grid button.is-correct{border-color:var(--green);background:var(--lime)}.ear-answer-grid button.is-wrong{color:#8c3d2d;background:#f9e4de;border-color:#d59182}.ear-answer-grid button:disabled{cursor:default}.ear-feedback{border-left:4px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:18px;min-height:70px;margin-top:17px;padding:14px 16px;display:flex}.ear-feedback.is-solved{border-color:var(--green);background:#edf8df}.ear-feedback.is-missed{border-color:var(--orange);background:#fff0eb}.ear-feedback p{color:var(--muted);margin:0;font-size:.88rem}.ear-feedback.is-solved p{color:var(--ink)}.ear-feedback button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:7px;flex:none;padding:10px 13px;font-size:.78rem;font-weight:800}.ear-feedback button span{color:var(--lime);margin-left:10px}.degree-setup{background:var(--green);color:#fff;border-radius:17px;padding:27px}.degree-setup .eyebrow{color:var(--lime)}.degree-setup h2{letter-spacing:-.05em;margin:0;font-size:2.7rem;line-height:1}.degree-setup>p:not(.eyebrow){color:#dce6df;margin:14px 0 22px;font:1rem/1.55 Georgia,serif}.degree-list{gap:6px;display:grid}.degree-list button{color:#cbd8cf;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff40;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;width:100%;padding:11px 12px;display:grid}.degree-list button.active{color:#fff;background:#d9ff671a;border-color:#d9ff67a6}.degree-list span{background:#ffffff1f;border-radius:50%;place-items:center;width:27px;height:27px;font:800 .72rem ui-monospace,monospace;display:grid}.degree-list button.active span{background:var(--lime);color:var(--ink)}.degree-list strong{font-size:.84rem}.degree-list i{color:#aab9ae;font:800 .64rem ui-monospace,monospace}.degree-list button.active i{color:var(--lime)}.degree-all{color:var(--lime);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:17px;font-size:.75rem;font-weight:800;text-decoration:underline}.ear-method{background:var(--cream);grid-template-columns:.55fr 1fr 1fr;align-items:start;gap:60px;padding:90px max(24px,50vw - 620px);display:grid}.ear-method h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,4vw,4rem);line-height:.98}.ear-method>div{color:#4e5950;font:1.08rem/1.7 Georgia,serif}.ear-method>div p{margin:0 0 18px}.ear-method strong{color:var(--green)}@keyframes ear-pulse{0%{background:var(--paper);transform:scale(1)}35%{background:var(--lime);transform:scale(1.12)}to{background:var(--paper);transform:scale(1)}}@media (max-width:980px){.ear-header{grid-template-columns:1fr;gap:30px}.ear-layout{grid-template-columns:1fr}.degree-list,.ear-method{grid-template-columns:1fr 1fr}.ear-method .eyebrow{grid-column:1/-1}.tool-interval{display:none}}@media (max-width:650px){.ear-shell{width:min(100% - 28px,1240px);padding:52px 0 75px}.ear-header h1{font-size:clamp(3.4rem,16vw,5rem)}.ear-trainer{padding:20px 14px}.ear-status{gap:15px}.ear-listen{height:150px}.ear-listen span{width:62px;height:62px;font-size:1.8rem}.ear-listen i{width:65px}.ear-answer-grid{grid-template-columns:repeat(4,1fr)}.degree-list{grid-template-columns:1fr}.ear-feedback{flex-direction:column;align-items:flex-start}.ear-method{grid-template-columns:1fr;gap:25px;padding-top:70px;padding-bottom:70px}.ear-method .eyebrow{grid-column:auto}}@media (prefers-reduced-motion:reduce){.ear-listen.is-playing span{animation:none}.ear-answer-grid button{transition:none}}.ear-drill-controls{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.ear-drill-controls fieldset{border:0;min-width:0;margin:0;padding:0}.ear-drill-controls legend{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px;font:800 .64rem/1 ui-monospace,monospace}.ear-segmented{border:1px solid var(--line);background:var(--paper);border-radius:10px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.ear-segmented button{min-width:0;height:34px;color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 8px;font-size:.72rem;font-weight:800}.ear-segmented button.active{background:var(--ink);color:#fff;box-shadow:0 2px 8px #1820191f}:is(.ear-segmented button:focus-visible,.interval-tabs button:focus-visible){outline:2px solid var(--lime);outline-offset:2px}.ear-listen{height:165px}.ear-listen .ear-note{flex:none}.ear-motion{width:110px;color:var(--green);place-items:center;font:800 1.5rem/1 ui-monospace,monospace;display:grid}.ear-motion:before{content:"";background:var(--line);z-index:0;width:76px;height:1px;position:absolute}.ear-motion{isolation:isolate;position:relative}.ear-motion:after{content:"";background:var(--card);z-index:-1;border-radius:50%;width:30px;height:30px;position:absolute}.ear-listen.is-playing.speed-slow .ear-note:first-child{animation:1.05s ease-out ear-pulse}.ear-listen.is-playing.speed-slow .ear-note:last-child{animation:1.05s ease-out 1.45s ear-pulse}.ear-listen.is-playing.speed-medium .ear-note:first-child{animation:.82s ease-out ear-pulse}.ear-listen.is-playing.speed-medium .ear-note:last-child{animation:.82s ease-out .95s ear-pulse}.ear-listen.is-playing.speed-fast .ear-note:first-child{animation:.56s ease-out ear-pulse}.ear-listen.is-playing.speed-fast .ear-note:last-child{animation:.56s ease-out .55s ear-pulse}.ear-answer-grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}.interval-tabs{background:#00000014;border:1px solid #ffffff3d;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:4px;margin:19px 0 24px;padding:4px;display:grid}.interval-tabs button{color:#cbd8cf;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:0;padding:9px 4px;font-size:.73rem;font-weight:800}.interval-tabs button.active{background:var(--lime);color:var(--ink)}.interval-tabs small{color:#aab9ae;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font:700 .48rem/1 ui-monospace,monospace;display:block}.interval-tabs button.active small{color:var(--green)}.degree-setup [role=tabpanel]>h2{letter-spacing:-.05em;margin:0;font-size:2.35rem;line-height:1}.degree-setup [role=tabpanel]>p{color:#dce6df;margin:12px 0 20px;font:1rem/1.5 Georgia,serif}.degree-list span{white-space:nowrap}.degree-list button[aria-pressed=false]:hover{color:#fff;background:#ffffff1a}@media (max-width:650px){.ear-drill-controls{grid-template-columns:1fr}.ear-listen{height:135px}.ear-motion{width:65px}.ear-motion:before{width:48px}.interval-tabs{margin-top:16px}.interval-tabs button{font-size:.68rem}.degree-setup [role=tabpanel]>h2{font-size:2.1rem}}.tool-loop{height:88px;color:var(--lime);align-items:center;gap:8px;display:flex}.tool-loop span{border:1px solid #ffffff80;border-radius:50%;place-items:center;width:34px;height:34px;font:800 .72rem ui-monospace,monospace;display:grid}.tool-loop i{background:var(--lime);border-radius:4px;flex:1;height:4px}.looper-shell{width:min(1240px,100% - 48px);margin:auto;padding:72px 0 110px;overflow:visible}.looper-header{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;display:grid}.looper-header h1{letter-spacing:-.07em;margin:0;font-size:clamp(3.8rem,7vw,7rem);line-height:.87}.looper-header h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.looper-header>p{max-width:440px;color:var(--muted);margin:0 0 8px;font:1.12rem/1.65 Georgia,serif}.video-loader{border:1px solid var(--line);background:var(--card);border-radius:12px;margin:52px 0 18px;padding:18px 20px}.video-loader>label{color:var(--green);letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px;font:800 .67rem ui-monospace,monospace;display:block}.video-loader>div{grid-template-columns:1fr auto;gap:9px;display:grid}.video-loader input{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-width:0;padding:13px 15px}.video-loader input:focus{outline:2px solid var(--lime);border-color:var(--green)}.video-loader button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:0 17px;font-weight:800}.video-loader button span{color:var(--lime);margin-left:20px}.video-loader>p{color:#9a3e2d;margin:9px 0 0;font-size:.8rem}.looper-workspace{grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);gap:18px;display:grid}.video-panel,.marker-panel,.loop-editor{background:var(--card);border:1px solid #cfd2c7;border-radius:16px}.video-panel{box-shadow:var(--shadow);padding:18px}.video-frame{aspect-ratio:16/9;background:var(--ink);border-radius:10px;overflow:hidden}.video-frame>div,.video-frame iframe{border:0;width:100%;height:100%}.looper-transport{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:15px;display:grid}.looper-transport button{cursor:pointer;border:0;border-radius:8px;height:44px;font-weight:800}.looper-transport button:disabled,.marker-panel button:disabled,.practice-loop:disabled{opacity:.45;cursor:not-allowed}.loop-play{background:var(--green);color:#fff;padding:0 18px}.loop-play span{color:var(--lime);margin-right:9px}.looper-transport label{color:var(--muted);text-transform:uppercase;align-items:center;gap:10px;font:800 .68rem ui-monospace,monospace;display:flex}.looper-transport select{border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:8px 10px;font-weight:800}.loop-toggle{background:var(--paper);color:var(--muted);padding:0 14px}.loop-toggle i{background:#a4aaa4;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.loop-toggle.active{color:var(--green)}.loop-toggle.active i{background:var(--green);box-shadow:0 0 0 3px #dff2c8}.key-hint{text-align:center;color:#8c958d;margin:13px 0 0;font-size:.69rem}.key-hint span{margin:0 7px}.key-hint kbd,.marker-empty kbd{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-bottom-width:2px;border-radius:4px;padding:2px 6px;font:800 .66rem ui-monospace,monospace}.marker-panel{flex-direction:column;min-height:420px;padding:22px;display:flex}.marker-head{justify-content:space-between;align-items:start;gap:15px;display:flex}.marker-head .eyebrow{margin-bottom:7px}.marker-head h2{letter-spacing:-.045em;margin:0;font-size:2rem}.marker-head>button{background:var(--lime);cursor:pointer;border:0;border-radius:7px;padding:10px 11px;font-size:.72rem;font-weight:850}.marker-list{gap:5px;max-height:345px;margin-top:22px;display:grid;overflow:auto}.marker-empty{text-align:center;border:1px dashed var(--line);min-height:200px;color:var(--muted);border-radius:9px;place-content:center;padding:20px;display:grid}.marker-empty strong{color:var(--ink)}.marker-empty p{max-width:235px;margin:7px 0 0;font-size:.8rem}.marker-row{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:24px 1fr auto auto auto;align-items:center;gap:5px;padding:7px;transition:border-color .15s,background .15s;display:grid}.marker-row.is-start{border-color:var(--green);background:#edf8df}.marker-row.is-end{border-color:var(--orange);background:#fff0eb}.marker-row.is-start.is-end{background:linear-gradient(110deg,#edf8df 0 50%,#fff0eb 50%)}.marker-row>span{color:var(--muted);font:700 .62rem ui-monospace,monospace}.marker-row>strong{font:800 .78rem ui-monospace,monospace}.marker-row button{color:var(--green);cursor:pointer;background:#fff;border:0;border-radius:5px;padding:5px 7px;font-size:.65rem;font-weight:800}.marker-row button.selected-start{background:var(--green);color:#fff}.marker-row button.selected-end{background:var(--orange);color:var(--ink)}.marker-row button:last-child{color:var(--muted)}.clear-markers{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:10px 0 0;font-size:.7rem;font-weight:800;text-decoration:underline}.loop-editor{margin-top:18px;padding:26px 28px}.loop-summary{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding-bottom:20px;display:flex}.loop-summary .eyebrow{margin-bottom:8px}.loop-summary h2{color:var(--green);margin:0;font:700 clamp(1.9rem,3vw,3rem)/1 Georgia,serif}.loop-summary h2 span{color:var(--ink);padding:0 8px}.loop-summary>strong{background:var(--paper);color:var(--muted);text-transform:uppercase;border-radius:20px;padding:8px 11px;font:800 .68rem ui-monospace,monospace}.boundary-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.boundary{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:14px}.boundary label{color:var(--muted);text-transform:uppercase;justify-content:space-between;margin-bottom:12px;font:800 .66rem ui-monospace,monospace;display:flex}.boundary output{color:var(--green)}.boundary>div{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.boundary button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:6px;height:34px;font-size:.7rem;font-weight:800}.practice-loop{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:space-between;width:100%;margin-top:15px;padding:16px 18px;font-weight:850;display:flex}.practice-loop span{color:var(--lime);font-size:1.15rem}.note-nudge{border:1px solid var(--line);background:var(--cream);border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:14px;display:flex}.note-nudge>div:first-child span,.note-nudge>div:first-child strong{display:block}.note-nudge>div:first-child span{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font:800 .64rem ui-monospace,monospace}.note-nudge>div:first-child strong{color:var(--muted);margin-top:4px;font-size:.76rem}.note-nudge>div:last-child{border:1px solid var(--line);background:var(--card);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.note-nudge button{min-width:56px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:.72rem;font-weight:850}.note-nudge button.active{background:var(--green);color:#fff}.boundary button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:980px){.looper-header{grid-template-columns:1fr;gap:30px}.looper-workspace{grid-template-columns:1fr}.marker-panel{min-height:370px}.tool-loop{display:none}}@media (max-width:650px){.looper-shell{width:min(100% - 28px,1240px);padding:52px 0 75px}.looper-header h1{font-size:clamp(3.4rem,16vw,5rem)}.video-loader>div{grid-template-columns:1fr}.video-loader button{height:45px}.video-panel{padding:10px}.looper-transport{grid-template-columns:1fr 1fr}.looper-transport label{grid-area:2/1/auto/-1;justify-content:center}.marker-panel{padding:18px}.marker-row{grid-template-columns:22px 1fr auto auto}.marker-row button:last-child{grid-column:4}.loop-editor{padding:20px 16px}.loop-summary{flex-direction:column;align-items:flex-start}.note-nudge{flex-direction:column;align-items:stretch}.note-nudge>div:last-child{width:100%}.boundary-grid{grid-template-columns:1fr}.boundary>div{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.ear-listen.is-playing.speed-slow .ear-note,.ear-listen.is-playing.speed-medium .ear-note,.ear-listen.is-playing.speed-fast .ear-note{animation:none}}@media (min-width:981px){.ear-layout{grid-template-columns:minmax(0,1.25fr) minmax(410px,.75fr);align-items:stretch}.ear-trainer,.degree-setup{height:690px}.ear-trainer{flex-direction:column;display:flex}.ear-listen{flex:1;min-height:165px}.degree-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.ear-reference-section{grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);gap:70px}.ear-reference-section>div{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.reference-intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.6rem,4.2vw,4.5rem);line-height:.92}.reference-intro>p:last-child{color:var(--muted);margin:24px 0 0;font:1rem/1.6 Georgia,serif}.reference-head,.reference-row{grid-template-columns:80px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.reference-head{color:var(--green);letter-spacing:.08em;text-transform:uppercase;padding:0 10px 12px;font:800 .65rem/1 ui-monospace,monospace}.reference-row{border-top:1px solid #d5d7cd;min-height:49px;padding:9px 10px}.reference-row:first-of-type{border-top:0}.reference-row strong{color:var(--green);font:800 .78rem/1 ui-monospace,monospace}.reference-row span{color:#4e5950;font-size:.84rem;font-weight:700}.reference-row:nth-child(2n){background:#ffffff59}@media (max-width:800px){.ear-reference-section{grid-template-columns:1fr;gap:42px}.reference-intro h2 br{display:none}}@media (max-width:540px){.reference-head,.reference-row{grid-template-columns:48px 1fr 1fr;gap:10px;padding-left:5px;padding-right:5px}.reference-head{font-size:.56rem}.reference-row span{font-size:.74rem}}.loop-window-actions{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.loop-window-actions>strong{background:var(--paper);color:var(--muted);text-transform:uppercase;border-radius:20px;padding:8px 11px;font:800 .68rem ui-monospace,monospace}.loop-window-actions>div{gap:5px;display:flex}.loop-window-actions button{border:1px solid var(--line);background:var(--card);height:34px;color:var(--green);cursor:pointer;border-radius:7px;padding:0 11px;font-size:.68rem;font-weight:850}.loop-window-actions button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:650px){.loop-window-actions{align-items:stretch;width:100%}.loop-window-actions>div{grid-template-columns:1fr 1fr;display:grid}.loop-window-actions button{padding:0 7px}}.time-signature{border:1px solid var(--line);background:var(--paper);border-radius:8px;justify-content:space-between;align-items:center;margin-top:18px;padding:10px 11px;display:flex}.time-signature span{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font:800 .63rem ui-monospace,monospace}.time-signature select{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:6px;padding:5px 9px;font-weight:850}.marker-row{grid-template-columns:40px 1fr auto auto auto}.marker-row.measure-start{border-top-width:3px;margin-top:6px}.marker-row.measure-start:first-child{margin-top:0}.marker-row>span{font-size:.68rem}.musical-nudges{grid-template-columns:repeat(3,1fr)!important}.musical-nudges button{min-width:0}.note-nudge{justify-content:flex-start}@media (max-width:650px){.marker-row{grid-template-columns:38px 1fr auto auto}.musical-nudges{grid-template-columns:repeat(3,1fr)!important}}.note-nudge>div:first-child{flex-direction:column;justify-content:center;width:100%;min-height:42px;display:flex}.note-nudge>div:first-child span,.note-nudge>div:first-child strong{width:100%}@media (max-width:650px){.note-nudge>div:first-child{min-height:0}}.recent-videos{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.recent-videos header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.recent-videos header strong{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font:800 .65rem ui-monospace,monospace}.recent-videos header button{height:auto;color:var(--muted);background:0 0;padding:0;font-size:.68rem;text-decoration:underline}.recent-videos>div{gap:8px;padding:2px 0 5px;display:flex;overflow-x:auto}.recent-videos>div>button{border:1px solid var(--line);background:var(--paper);height:54px;color:var(--ink);text-align:left;border-radius:8px;flex:0 0 190px;grid-template-columns:70px 1fr;padding:4px;display:grid;overflow:hidden}.recent-videos>div>button.active{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.recent-videos img{object-fit:cover;border-radius:5px;width:64px;height:44px}.recent-videos span{align-self:center;min-width:0}.recent-videos span strong,.recent-videos span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recent-videos span strong{font:800 .68rem ui-monospace,monospace}.recent-videos span small{color:var(--muted);margin-top:3px;font-size:.6rem}.video-loader .recent-videos>div>button span{color:var(--ink);margin-left:0}.video-loader .recent-videos>div>button span strong{color:var(--ink)}.video-loader .recent-videos>div>button span small{color:var(--muted)}.tool-key{background:#00000014;border:1px solid #ffffff61;border-radius:10px;grid-template-columns:1fr auto;align-content:space-between;height:104px;padding:13px 16px;display:grid;transform:rotate(-1deg)}.tool-key small,.tool-key span{color:#dce6df;letter-spacing:.11em;font:800 .58rem/1 ui-monospace,monospace}.tool-key span{text-align:right}.tool-key strong{color:var(--lime);letter-spacing:.16em;grid-column:1/-1;font:700 2.2rem/1 Georgia,serif}.key-week-shell{width:min(1240px,100% - 48px);margin:auto;padding:70px 0 110px;overflow:visible}.key-week-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;display:grid}.key-week-copy h1{letter-spacing:-.075em;margin:0;font-size:clamp(4rem,8vw,7.4rem);line-height:.86}.key-week-copy h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.key-week-copy>p:last-child{max-width:620px;color:var(--muted);margin:32px 0 0;font:1.16rem/1.68 Georgia,serif}.key-week-card{background:var(--green);color:#fff;min-height:440px;box-shadow:var(--shadow);border:1px solid #cfd2c7;border-radius:18px;flex-direction:column;padding:32px;display:flex;transform:rotate(1deg)}.key-week-card>span{color:var(--lime);letter-spacing:.13em;text-transform:uppercase;font:800 .7rem/1 ui-monospace,monospace}.key-week-card>strong{color:var(--lime);letter-spacing:-.12em;margin:auto 0 0;font:800 clamp(8rem,17vw,13rem)/.72 ui-monospace,monospace}.key-week-card h2{letter-spacing:-.05em;margin:28px 0 20px;font-size:2.2rem;line-height:1}.key-week-card>div{color:#dce6df;border-top:1px solid #ffffff4d;justify-content:space-between;gap:15px;padding-top:18px;font-size:.72rem;font-weight:800;display:flex}.key-note-strip{border:1px solid var(--line);background:var(--card);border-radius:13px;grid-template-columns:repeat(7,1fr);margin:65px 0 100px;display:grid;overflow:hidden}.key-note-strip div{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:115px;padding:15px;display:flex}.key-note-strip div:last-child{border:0}.key-note-strip small{color:var(--muted);font:800 .65rem ui-monospace,monospace}.key-note-strip strong{color:var(--green);font:700 clamp(1.5rem,3vw,2.6rem)/1 Georgia,serif}.weekly-warmup{background:var(--cream);margin:0 calc(-50vw + min(1240px,100vw - 48px)/2);padding:100px max(24px,50vw - 620px)}.weekly-warmup-head{margin-bottom:42px}.weekly-warmup h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.95}.tempo-row{border:1px solid var(--line);background:var(--card);border-radius:12px;grid-template-columns:180px minmax(180px,1fr) 300px;align-items:center;gap:30px;margin-bottom:16px;padding:20px 23px;display:grid}.tempo-row span,.tempo-row strong{display:block}.tempo-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:800 .62rem ui-monospace,monospace}.tempo-row strong{color:var(--green);margin-top:3px;font-size:1.45rem}.tempo-row input{width:100%;accent-color:var(--green)}.tempo-row p{color:var(--muted);margin:0;font:.9rem/1.5 Georgia,serif}.warmup-list{gap:10px;display:grid}.warmup-card{border:1px solid var(--line);background:var(--card);border-radius:13px;grid-template-columns:110px 1fr;align-items:center;gap:28px;padding:28px;display:grid}.warmup-meta{color:var(--green);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;justify-content:space-between;align-self:stretch;font:800 .69rem ui-monospace,monospace;display:flex}.warmup-copy h3{letter-spacing:-.045em;margin:0;font-size:2rem}.warmup-copy p{max-width:700px;color:var(--muted);margin:8px 0 15px;line-height:1.6}.warmup-copy code{color:var(--green);letter-spacing:.09em;font:800 .72rem/1.4 ui-monospace,monospace;display:block}.week-next-step{grid-template-columns:1fr 1fr auto;align-items:end;gap:50px;padding:100px 0 15px;display:grid}.week-next-step h2{color:var(--green);letter-spacing:-.055em;margin:0;font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:.95}.week-next-step>p{color:var(--muted);margin:0;font:1.08rem/1.65 Georgia,serif}.week-next-step>a{white-space:nowrap;background:var(--ink);color:#fff;border-radius:8px;padding:15px 18px;font-weight:850}.week-next-step>a span{color:var(--lime);margin-left:28px}@media (max-width:980px){.key-week-hero{grid-template-columns:1fr;gap:45px}.key-week-card{min-height:390px;transform:none}.key-week-card>strong{font-size:10rem}.tool-key{display:none}.tempo-row{grid-template-columns:160px 1fr}.tempo-row p{grid-column:1/-1}.warmup-card{grid-template-columns:80px 1fr}.week-next-step{grid-template-columns:1fr 1fr}.week-next-step>a{grid-column:2}}@media (max-width:650px){.key-week-shell{width:min(100% - 28px,1240px);padding:52px 0 75px}.key-week-copy h1{font-size:clamp(3.6rem,17vw,5.2rem)}.key-week-card{min-height:340px;padding:25px}.key-week-card>strong{font-size:8rem}.key-week-card>div{flex-direction:column;align-items:flex-start}.key-note-strip{grid-template-columns:repeat(4,1fr);margin:40px 0 72px}.key-note-strip div{border-bottom:1px solid var(--line);min-height:88px}.key-note-strip div:nth-child(4){border-right:0}.key-note-strip div:nth-last-child(-n+3){border-bottom:0}.weekly-warmup{margin:0 -14px;padding:72px 14px}.tempo-row{grid-template-columns:1fr;padding:19px}.tempo-row p{grid-column:auto}.warmup-card{grid-template-columns:1fr;padding:22px}.warmup-meta{flex-direction:row}.week-next-step{grid-template-columns:1fr;gap:25px;padding-top:72px}.week-next-step>a{text-align:center;grid-column:auto}}.key-note-strip{margin-bottom:0}.week-next-step{padding-top:85px}@media (max-width:650px){.key-note-strip{margin-bottom:0}.week-next-step{padding-top:65px}}.tool-notebook{background:#00000014;border:1px solid #ffffff61;border-radius:10px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:104px;padding:15px;display:flex;transform:rotate(-1deg)}.tool-notebook span{width:100%;color:var(--lime);letter-spacing:.1em;font:800 .68rem ui-monospace,monospace}.tool-notebook i{color:#dce6df;background:#ffffff21;border-radius:20px;align-self:flex-end;padding:6px 9px;font:800 .62rem ui-monospace,monospace}.notebook-shell{width:min(1240px,100% - 48px);margin:auto;padding:70px 0 110px;overflow:visible}.notebook-head{grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;margin-bottom:64px;display:grid}.notebook-head h1{letter-spacing:-.075em;margin:0;font-size:clamp(4rem,8vw,7.4rem);line-height:.86}.notebook-head h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.notebook-head>p{max-width:430px;color:var(--muted);margin:0 0 9px;font:1.15rem/1.68 Georgia,serif}.notebook-grid{grid-template-columns:minmax(290px,.68fr) minmax(0,1.32fr);align-items:start;gap:22px;display:grid}.practice-form,.practice-log{background:var(--card);border:1px solid #cfd2c7;border-radius:16px}.practice-form{padding:25px;position:sticky;top:20px}.practice-form>label{color:var(--green);letter-spacing:.09em;text-transform:uppercase;margin:18px 0 8px;font:800 .67rem ui-monospace,monospace;display:block}.practice-form input{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);border-radius:8px;padding:12px 13px}.practice-form input:focus,.tag-editor:focus-within{outline:2px solid var(--lime);border-color:var(--green)}.tag-editor{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;min-height:48px;padding:6px;display:flex}.tag-editor button,.tag-filters button,.practice-entry div button{color:var(--green);cursor:pointer;background:#e4eadf;border:0;border-radius:20px;font:800 .68rem ui-monospace,monospace}.tag-editor button{padding:6px 8px}.tag-editor input{background:0 0;border:0;flex:1;width:auto;min-width:100px;padding:5px;outline:0!important}.practice-form>small{color:var(--muted);margin-top:7px;font-size:.72rem;display:block}.save-practice{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:space-between;width:100%;margin-top:24px;padding:14px 16px;font-weight:850;display:flex}.save-practice span{color:var(--lime)}.save-practice:disabled{opacity:.5;cursor:wait}.form-status{min-height:20px;color:var(--muted);margin:9px 0 0;font-size:.75rem}.practice-log{min-height:440px;padding:26px}.log-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:25px;padding-bottom:22px;display:flex}.log-top h2{color:var(--green);margin:0;font:700 2.8rem/1 Georgia,serif}.tag-filters{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.tag-filters button{background:var(--paper);color:var(--muted);padding:7px 10px}.tag-filters button.active{background:var(--green);color:#fff}.empty-log{text-align:center;min-height:285px;color:var(--muted);place-content:center;display:grid}.empty-log strong,.empty-log span{display:block}.empty-log strong{color:var(--ink);font-size:1.2rem}.practice-days{gap:28px;margin-top:24px;display:grid}.practice-day>header{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-bottom:8px;font:800 .66rem ui-monospace,monospace;display:flex}.practice-day>header span{color:var(--green)}.practice-entry{border-top:1px solid var(--line);grid-template-columns:72px 1fr 28px;align-items:center;gap:12px;min-height:61px;padding:10px 10px 10px 14px;display:grid}.practice-entry>strong{color:var(--green);font:700 1.5rem Georgia,serif}.practice-entry>strong small{color:var(--muted);text-transform:uppercase;margin-left:3px;font:800 .55rem ui-monospace,monospace}.practice-entry>div{flex-wrap:wrap;gap:5px;display:flex}.practice-entry div button{padding:6px 9px}.remove-entry{color:#9aa199;cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px;font-size:1.1rem}.remove-entry:hover{background:var(--paper);color:var(--ink)}@media (max-width:980px){.tool-notebook{display:none}.notebook-head{grid-template-columns:1fr;gap:28px}.notebook-grid{grid-template-columns:1fr}.practice-form{position:static}.practice-log{min-height:360px}}@media (max-width:650px){.notebook-shell{width:min(100% - 28px,1240px);padding:52px 0 75px}.notebook-head{margin-bottom:40px}.notebook-head h1{font-size:clamp(3.6rem,17vw,5.2rem)}.practice-form,.practice-log{padding:19px 16px}.log-top{flex-direction:column;align-items:flex-start}.tag-filters{justify-content:flex-start}.practice-entry{grid-template-columns:58px 1fr 25px;gap:7px}.practice-entry>strong{font-size:1.3rem}}.practice-form-actions{gap:7px;margin-top:24px;display:grid}.practice-form-actions .save-practice{margin-top:0}.queue-practice{border:1px solid var(--line);color:var(--green);cursor:pointer;background:0 0;border-radius:8px;padding:11px;font-weight:850}.queue-practice:disabled{opacity:.5;cursor:wait}.practice-queue{background:var(--green);color:#fff;border-radius:11px;margin-bottom:25px;padding:18px}.practice-queue>div:first-child{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:10px;display:flex}.practice-queue .eyebrow{color:var(--lime);margin:0}.practice-queue>div:first-child>strong{font:700 1.1rem Georgia,serif}.queued-entry{border-top:1px solid #ffffff3d;grid-template-columns:58px 1fr auto 28px;align-items:center;gap:8px;min-height:48px;padding:8px 0;display:grid}.queued-entry>span{color:var(--lime);font:800 .7rem ui-monospace,monospace}.queued-entry>div{flex-wrap:wrap;gap:5px;display:flex}.queued-entry i{color:#e8eee9;background:#ffffff1f;border-radius:20px;padding:5px 8px;font:800 .62rem ui-monospace,monospace}.queued-entry>button:not(.remove-entry){background:var(--lime);color:var(--ink);cursor:pointer;border:0;border-radius:7px;padding:8px 10px;font-size:.68rem;font-weight:850}.queued-entry>button:disabled{opacity:.55}.queued-entry .remove-entry{color:#d5dfd7}@media (min-width:651px){.queued-entry{grid-template-columns:118px 1fr auto 28px}}@media (max-width:650px){.practice-queue>div:first-child{flex-direction:column;align-items:flex-start;gap:4px}.queued-entry{grid-template-columns:88px 1fr 28px}.queued-entry>button:not(.remove-entry){grid-column:2}.queued-entry .remove-entry{grid-area:1/3}}.practice-entry{grid-template-columns:72px 1fr auto 28px}.queue-entry{border:1px solid var(--line);color:var(--green);white-space:nowrap;cursor:pointer;background:0 0;border-radius:7px;padding:7px 9px;font-size:.66rem;font-weight:850}.queue-entry:hover{border-color:var(--green);background:#edf8df}.queue-entry:disabled{opacity:.45;cursor:wait}@media (max-width:650px){.practice-entry{grid-template-columns:58px 1fr 25px}.queue-entry{grid-column:2;justify-self:start}.practice-entry>.remove-entry{grid-area:1/3}}.tool-mode-map{background:#00000014;border:1px solid #ffffff61;border-radius:10px;align-items:flex-end;gap:5px;min-height:104px;padding:13px;display:flex;transform:rotate(-1deg)}.tool-mode-map span{background:var(--lime);color:var(--ink);text-align:center;border-radius:6px;flex:1;padding:14px 3px;font:850 .7rem/1 ui-monospace,monospace}.tool-mode-map span:nth-child(3),.tool-mode-map span:nth-child(4){transform:translateY(-10px)}.tool-mode-map span:last-child{color:var(--lime);background:0 0;border:1px solid #fff6}.fretboard-shell{width:min(1240px,100% - 48px);margin:auto;padding:70px 0 110px;overflow:visible}.fretboard-head{grid-template-columns:1.08fr .92fr;align-items:end;gap:80px;margin-bottom:60px;display:grid}.fretboard-head h1{letter-spacing:-.075em;margin:0;font-size:clamp(4rem,8vw,7.4rem);line-height:.86}.fretboard-head h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}.fretboard-head>p{max-width:480px;color:var(--muted);margin:0 0 9px;font:1.15rem/1.68 Georgia,serif}.fretboard-head>p strong{color:var(--green)}.mode-quiz{background:var(--card);box-shadow:var(--shadow);border:1px solid #cfd2c7;border-radius:18px;padding:28px}.quiz-prompt{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr auto;gap:18px;padding-bottom:24px;display:grid}.quiz-prompt>div{background:var(--paper);border-radius:10px;min-height:82px;padding:14px 16px}.quiz-prompt span{color:var(--muted);letter-spacing:.1em;font:800 .64rem/1 ui-monospace,monospace;display:block}.quiz-prompt strong{color:var(--green);margin-top:10px;font:700 clamp(1.45rem,3vw,2.2rem)/1 Georgia,serif;display:block}.quiz-prompt .quiz-score{background:var(--green);color:#fff;min-width:105px}.quiz-prompt .quiz-score span,.quiz-prompt .quiz-score small{color:#dce6df}.quiz-prompt .quiz-score strong{color:var(--lime);font-family:ui-monospace,monospace;display:inline-block}.quiz-prompt .quiz-score small{margin-left:9px;font-size:.66rem}.pattern-map{grid-template-columns:repeat(4,1fr) .72fr;gap:10px;margin:34px 0 28px;display:grid}.finger-group{border:1px solid var(--line);background:var(--paper);border-radius:11px;padding:13px 12px 15px}.finger-group>span{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font:800 .65rem/1 ui-monospace,monospace;display:block}.finger-group>div{gap:8px;display:flex}.finger-group button{border:2px solid var(--green);background:var(--card);height:58px;color:var(--green);cursor:pointer;border-radius:10px;flex:1;transition:transform .14s,background .14s;position:relative}.finger-group button:hover:not(:disabled){background:#edf8df;transform:translateY(-3px)}.finger-group button b{font-size:clamp(1.1rem,2vw,1.5rem)}.finger-group button.correct{border-color:var(--green);background:var(--lime);color:var(--ink)}.finger-group button.wrong{color:#8f2d1d;background:#ffe2da;border-color:#b6402a}.finger-group button:disabled{cursor:default}.finger-group.is-bridge{background:#edf0e8;border-style:dashed}.quiz-feedback{min-height:63px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:10px 5px 0;display:flex}.quiz-feedback p{margin:0;font:1rem/1.5 Georgia,serif}.quiz-feedback b{color:var(--green)}.quiz-feedback button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;height:45px;padding:0 17px;font-weight:850}.quiz-feedback button span{color:var(--lime);margin-left:22px}.pattern-key{background:var(--green);color:#fff;border-radius:16px;grid-template-columns:.8fr 1.2fr;gap:90px;margin-top:85px;padding:70px;display:grid}.pattern-key h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:.95}.pattern-key .eyebrow{color:var(--lime)}.pattern-key>p{color:#dce6df;margin:0;font:1.14rem/1.72 Georgia,serif}.pattern-key>p strong{color:var(--lime)}@media (max-width:980px){.tool-mode-map{display:none}.fretboard-head{grid-template-columns:1fr;gap:30px}.pattern-map{grid-template-columns:1fr}.finger-group.is-bridge{grid-column:1/-1}.finger-group.is-bridge>div{max-width:220px}.pattern-key{grid-template-columns:1fr;gap:35px;padding:50px}}@media (max-width:650px){.fretboard-nav{height:62px}.fretboard-shell{width:min(100% - 20px,1240px);padding:14px 0 55px}.fretboard-head{grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-bottom:14px}.fretboard-head h1{white-space:nowrap;font-size:2.7rem;line-height:.86}.fretboard-head h1 br{display:none}.fretboard-head h1 em{margin-left:.18em}.fretboard-head .eyebrow{display:none}.fretboard-head>p{margin:0;font-size:.86rem;line-height:1.35}.mode-quiz{padding:10px}.quiz-prompt{grid-template-columns:1.12fr 1fr auto;gap:6px;padding-bottom:10px}.quiz-prompt>div{min-height:56px;padding:8px}.quiz-prompt span{font-size:.55rem}.quiz-prompt strong{margin-top:7px;font-size:1.08rem}.quiz-prompt .quiz-score{grid-column:auto;min-width:64px;min-height:56px}.quiz-prompt .quiz-score strong{font-size:1.25rem}.quiz-prompt .quiz-score small{margin:3px 0 0;font-size:.55rem;display:block}.pattern-map{grid-template-columns:1fr;gap:4px;margin:8px 0 4px}.finger-group,.finger-group.is-bridge{grid-template-columns:76px 1fr;align-items:center;padding:5px 7px;display:grid}.finger-group>span{margin:0;font-size:.56rem}.finger-group>div,.finger-group.is-bridge>div{gap:6px;width:auto;max-width:none}.finger-group button{border-radius:8px;height:32px}.finger-group button b{font-size:.95rem}.quiz-feedback{flex-direction:row;align-items:center;min-height:43px;padding:4px 0 0}.quiz-feedback p{font-size:.86rem;line-height:1.25}.quiz-feedback button{white-space:nowrap;width:auto;height:38px;padding:0 12px;font-size:.78rem}.quiz-feedback button span{margin-left:8px}.pattern-key{margin-top:35px;padding:30px 22px}}@media (max-width:390px){.fretboard-head>p{font-size:.79rem}.quiz-prompt strong{font-size:.96rem}.finger-group button{height:34px}}.notebook-key-tile{border:1px solid var(--line);background:#ffffff52;border-radius:9px;margin-bottom:18px;padding:13px 14px}.notebook-key-tile>div span,.notebook-key-tile>div strong{display:block}.notebook-key-tile>div span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font:800 .59rem ui-monospace,monospace}.notebook-key-tile>div strong{color:var(--green);margin-top:3px;font-size:.94rem}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}