@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Megrim&family=Roboto+Mono:wght@300;400&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{box-sizing:border-box;min-height:100svh}:root{--font-body:"Manrope", "Avenir Next", "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Manrope", sans-serif;--font-wordmark:"Megrim", "Space Grotesk", sans-serif;--font-nav:"Roboto Mono", ui-monospace, Menlo, monospace;--bg:#0b0b0a;--bg-elevated:#151512;--surface:linear-gradient(135deg, #101112eb, #08080ae6);--card-surface:linear-gradient(150deg, #ffffff13, #ffffff06);--surface-border:#f4f4ec24;--surface-shadow:0 26px 80px #00000070;--text:#f3efe3;--text-soft:#f3efe3d1;--text-muted:#f3efe394;--accent:#8f9d78;--accent-quiet:#d4c7a1;--accent-strong:#f6edd8;--accent-soft:#d4c7a11a;--accent-border:#d4c7a147;--accent-warm:#b88a5a;--accent-clay:#a86c66;--accent-ink:#7f8b9b;--grain:radial-gradient(circle at 20% 20%, #ffffff0a 0 1px, transparent 1px 100%), radial-gradient(circle at 80% 30%, #ffffff08 0 1px, transparent 1px 100%);font-family:var(--font-body);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 18% 0,#8f9d781f,#0000 28%),radial-gradient(circle at 82% 10%,#b88a5a14,#0000 26%),linear-gradient(#151512 0%,#0b0b0a 54%,#070706 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 0,#8f9d781f,#0000 28%),radial-gradient(circle at 82% 10%,#b88a5a14,#0000 26%),linear-gradient(#151512 0%,#0b0b0a 54%,#070706 100%);margin:0;position:relative}body.lightbox-open{overflow:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(12px);position:fixed;inset:auto}body:before{background:linear-gradient(#8f9d7814,#7f8b9b0a,#0000);width:360px;height:620px;animation:14s ease-in-out infinite floatGlow;top:14vh;left:-160px;transform:rotate(-18deg)}body:after{background:radial-gradient(circle,#b88a5a14,#7f8b9b09,#0000 68%);width:420px;height:420px;animation:18s ease-in-out infinite reverse floatGlow;bottom:6vh;right:-120px}#root{isolation:isolate;min-height:100vh;position:relative}#root:before{content:"";pointer-events:none;background-image:linear-gradient(#d4c7a106 1px, transparent 1px), linear-gradient(90deg, #7f8b9b05 1px, transparent 1px), var(--grain);opacity:.22;mix-blend-mode:soft-light;z-index:-1;background-size:104px 104px,104px 104px,220px 220px;position:fixed;inset:0}a{color:inherit;text-decoration:none}.site-nav{text-align:center;z-index:40;flex-direction:column;align-items:center;gap:18px;margin-bottom:18px;padding:22px 16px 18px;animation:.5s both fadeUp;display:flex;position:relative}.site-nav.is-compact{gap:8px;padding:10px 16px}.nav-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 30px;display:flex}.nav-links>*+:before{content:"/";font-family:var(--font-nav);color:var(--text-muted);pointer-events:none;font-size:.92rem;font-weight:300;line-height:1.5;position:absolute;top:0;left:-15px;transform:translate(-50%)}.site-socials{justify-content:center;gap:24px;display:flex}.site-socials a{color:var(--text);transition:color .16s;display:inline-flex}.site-socials a:hover{color:var(--accent-warm)}.site-socials svg{fill:currentColor;width:21px;height:21px}.wordmark,.card-title,.section-kicker,h1,h2,h3{font-family:var(--font-display)}.wordmark{font-family:var(--font-wordmark);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong);text-shadow:none;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.05}.is-compact .wordmark{font-size:1.6rem}.nav-link{font-family:var(--font-nav);color:var(--text-soft);letter-spacing:.02em;text-transform:uppercase;align-items:center;font-size:.92rem;font-weight:300;transition:color .16s,opacity .16s;display:inline-flex;position:relative}.nav-link:after{content:"";background:var(--accent-warm);opacity:0;width:100%;height:1px;transition:transform .16s,opacity .16s;position:absolute;bottom:-7px;left:0;transform:scaleX(.35)}.nav-link:hover{color:var(--accent-strong)}.nav-link:hover:after{opacity:1;transform:scaleX(1)}.nav-trigger{appearance:none;color:var(--text-soft);font-family:var(--font-nav);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0;font-size:.92rem;font-weight:300;display:inline-flex}.nav-dropdown{z-index:50;align-items:center;margin-bottom:-16px;padding-bottom:16px;display:inline-flex;position:relative}.nav-dropdown-menu{border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;opacity:0;visibility:hidden;pointer-events:none;background:#060607f5;border-radius:8px;min-width:184px;padding:10px;transition:opacity .16s,visibility .16s,transform .16s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 24px 60px #00000075}.nav-services .nav-dropdown-menu{min-width:290px}.nav-dropdown:hover .nav-link,.nav-dropdown:focus-within .nav-link{color:var(--accent-strong)}.nav-dropdown:hover .nav-link:after,.nav-dropdown:focus-within .nav-link:after{opacity:1;transform:scaleX(1)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-dropdown.is-end .nav-dropdown-menu{left:auto;right:0;transform:translateY(6px)}.nav-dropdown.is-end:hover .nav-dropdown-menu,.nav-dropdown.is-end:focus-within .nav-dropdown-menu{transform:translateY(0)}.dropdown-link{color:var(--text-soft);font-family:var(--font-nav);letter-spacing:0;text-transform:uppercase;border-radius:5px;padding:10px 11px;font-size:.86rem;font-weight:400;transition:background .16s,color .16s;display:block}.dropdown-link:hover{color:var(--accent-strong);background:#d4c7a114}.nav-submenu{position:relative}.nav-submenu-trigger{appearance:none;width:100%;font-family:var(--font-nav);text-align:center;cursor:pointer;background:0 0;border:0;position:relative}.nav-submenu-trigger:after{content:"›";margin-top:-.5em;font-size:1rem;line-height:1;transition:transform .16s;position:absolute;top:50%;right:11px}.nav-submenu:hover>.nav-submenu-trigger,.nav-submenu.is-open>.nav-submenu-trigger{color:var(--accent-strong);background:#d4c7a114}.nav-submenu-menu{border:1px solid var(--surface-border);opacity:0;visibility:hidden;pointer-events:none;background:#060607f5;border-radius:8px;min-width:200px;margin-left:10px;padding:10px;transition:opacity .16s,visibility .16s,transform .16s;position:absolute;top:-10px;left:100%;transform:translate(-4px);box-shadow:0 24px 60px #00000075}.nav-submenu-menu:before{content:"";width:11px;position:absolute;top:0;bottom:0;left:-11px}.nav-submenu:hover>.nav-submenu-menu,.nav-submenu.is-open>.nav-submenu-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.hero-shell{text-align:center;grid-template-columns:58% 1fr;align-content:center;justify-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.hero-shell>*{z-index:1;grid-column:1;position:relative}.hero-shell:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0b0b0a 0%,#0b0b0a00 38%),url(/assets/IMG_20230805_203444-pJA8MEiz.webp) 50% 66%/cover no-repeat;width:42%;position:absolute;inset:0 0 0 auto}.surface-panel{z-index:1;animation:.56s both fadeUp;position:relative;overflow:hidden}.surface-panel:not(.hero-shell):after{content:"";pointer-events:none;background:linear-gradient(135deg,#d4c7a105,#0000 34%),radial-gradient(circle at 100% 0,#7f8b9b09,#0000 28%);position:absolute;inset:0}.surface-card{transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;position:relative;overflow:hidden}.surface-card:before{content:"";opacity:.64;pointer-events:none;border-top:1px solid #d4c7a142;position:absolute;inset:0}.surface-card:hover{transform:translateY(-4px);background:linear-gradient(150deg,#ffffff13,#d4c7a106)!important;border-color:#d4c7a13d!important;box-shadow:0 24px 60px #00000061!important}.soundbetter-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px;display:grid}.soundbetter-column{grid-template-rows:auto 1fr;gap:14px;display:grid}.soundbetter-column-header{text-align:center}.soundbetter-kicker{color:var(--accent-warm);letter-spacing:0;text-transform:uppercase;font-size:.74rem;font-weight:800}.review-stage{border:1px solid var(--surface-border);background:var(--card-surface);border-radius:10px;flex-direction:column;justify-content:center;min-height:360px;padding:clamp(24px,3vw,32px);display:flex}.review-stars,.review-quote,.review-source{opacity:0;transition:opacity .18s}.review-stars.is-visible,.review-quote.is-visible,.review-source.is-visible{opacity:1}.review-stars{color:var(--accent-warm);letter-spacing:0;margin-bottom:14px;font-size:1rem}.review-quote{max-width:100%;color:var(--text);font-family:var(--font-display);letter-spacing:0;text-wrap:balance;margin:0 auto;line-height:1.12}.review-quote.is-large{font-size:clamp(1.7rem,3vw,2.3rem)}.review-quote.is-medium{font-size:clamp(1.38rem,2.5vw,1.78rem)}.review-quote.is-compact{font-size:clamp(1.12rem,2vw,1.36rem)}.review-source{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:16px 0 0;font-size:.74rem;font-weight:700}.review-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.review-control{appearance:none;border:1px solid var(--surface-border);color:var(--text-soft);font:inherit;letter-spacing:0;text-transform:uppercase;cursor:pointer;background:#ffffff0e;border-radius:5px;padding:10px 14px;font-size:.76rem;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s}.review-control:hover,.review-dot:hover{transform:translateY(-1px)}.review-control:hover{border-color:var(--accent-border);color:var(--accent-strong);background:#d4c7a114}.review-dots{align-items:center;gap:8px;display:inline-flex}.review-dot{appearance:none;cursor:pointer;background:#b8c2ce47;border:0;border-radius:50%;width:10px;height:10px;transition:transform .16s,background .16s}.review-dot.is-active{background:var(--accent-warm)}.map-card{border:1px solid var(--surface-border);background:var(--card-surface);text-align:center;border-radius:10px;flex-direction:column;gap:14px;height:100%;min-height:360px;padding:18px;display:flex}.map-card-media{background:#06090cad;border:1px solid #ffffff14;border-radius:7px;flex:1;height:100%;min-height:0;overflow:hidden}.map-card-summary{color:var(--text-soft);text-align:center;margin:0;font-size:.98rem;line-height:1.45}.map-card-image{object-fit:contain;width:100%;height:100%;display:block}.reverb-shop-header{margin-bottom:4px}.reverb-shop-card{border:1px solid var(--surface-border);background:var(--card-surface);text-align:center;border-radius:10px;padding:clamp(20px,3vw,28px)}.reverb-embed-host{min-height:220px}.reverb-embedded-listings{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;width:100%;margin:0 0 22px!important;padding:0!important;list-style:none!important;display:grid!important}.reverb-embedded-listing{min-width:0;color:var(--text);transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden;border:1px solid var(--surface-border)!important;background:#05080c80!important;border-radius:8px!important;margin:0!important;list-style:none!important;box-shadow:0 14px 32px #0305083d!important}.reverb-embedded-listing:hover{transform:translateY(-2px);border-color:var(--accent-border)!important;box-shadow:0 18px 38px #03050852!important}.reverb-embedded-listing a{color:inherit!important;text-decoration:none!important}.reverb-embedded-listing img{aspect-ratio:1;object-fit:cover;background:#ffffff0a;display:block;width:100%!important}.reverb-embedded-listing-info{text-align:center;align-content:start;min-height:150px;display:grid;border-top:1px solid var(--surface-border)!important;padding:16px!important}.reverb-embedded-listing-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-soft)!important;font-size:.92rem!important;font-weight:700!important;line-height:1.35!important;display:-webkit-box!important}.reverb-embedded-listing-price{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff24;border-radius:4px;line-height:1;position:absolute;top:12px;right:12px;color:var(--accent-strong)!important;background:#0c1116db!important;padding:8px 10px!important;font-size:.78rem!important;font-weight:800!important}.reverb-shop-link{margin-top:2px;display:inline-flex}.photo-grid{column-count:3;column-gap:18px}.photo-card{appearance:none;border:1px solid var(--surface-border);text-align:center;cursor:zoom-in;break-inside:avoid;background:#ffffff08;border-radius:8px;width:100%;margin:0 0 18px;padding:0;display:inline-block;overflow:hidden}.photo-card:focus-visible{outline-offset:4px;outline:2px solid #edf3fab8}.photo-image{background:#ffffff0a;width:100%;display:block}.photo-lightbox{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:zoom-out;background:#030508e6;place-items:center;padding:clamp(18px,4vw,44px);display:grid;position:fixed;inset:0}.photo-lightbox-image{cursor:default;border-radius:8px;max-width:100%;max-height:100%;display:block;box-shadow:0 28px 90px #00000080}.photo-lightbox-close{appearance:none;z-index:1;color:var(--text);font:inherit;letter-spacing:0;text-transform:uppercase;cursor:pointer;background:#0c1116db;border:1px solid #ffffff29;border-radius:5px;padding:10px 14px;font-size:.76rem;font-weight:800;position:fixed;top:clamp(16px,3vw,28px);right:clamp(16px,3vw,28px)}.photo-lightbox-close:hover,.photo-lightbox-close:focus-visible{background:#ffffff1f}.empty-state{border:1px solid var(--surface-border);background:var(--card-surface);border-radius:10px;padding:clamp(28px,4vw,42px)}.primary-button,.secondary-button{appearance:none;font:inherit;letter-spacing:0;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:14px 18px;font-size:.82rem;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,opacity .16s}.primary-button{color:#0b0b0a;background:linear-gradient(135deg,#f0e5c9,#c9b083);box-shadow:0 16px 38px #b88a5a29}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-2px)}.secondary-button{color:var(--text);border-color:var(--surface-border);background:#ffffff0e;box-shadow:0 12px 34px #0000003d}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.card-title{letter-spacing:0;margin:0 0 10px;font-size:clamp(1.45rem,3vw,2rem);font-weight:700;line-height:.98}.text-link{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;font-size:.8rem;font-weight:800}.text-link:hover{color:var(--accent-warm)}.control-card{background:var(--card-surface);border:1px solid var(--surface-border);text-align:center;border-radius:8px;padding:18px}.control-label{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:700;display:block}.control-input{border:1px solid var(--surface-border);width:100%;max-width:220px;color:var(--text);font:inherit;text-align:center;background:#05080c7a;border-radius:7px;padding:14px 16px;font-weight:600;box-shadow:inset 0 1px #ffffff0a}.guess-input{max-width:180px}.control-input:focus{border-color:#c4ceda80;outline:none;box-shadow:0 0 0 4px #8ea1b624}.range-value{letter-spacing:0;color:var(--accent-strong);margin-bottom:12px;font-size:1.35rem;font-weight:700}.range-input{appearance:none;cursor:pointer;background:0 0;width:100%}.range-input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#d7c59b,#8f9d78);border-radius:999px;height:8px}.range-input::-webkit-slider-thumb{appearance:none;background:#f3efe3;border:2px solid #10161df2;border-radius:3px;width:20px;height:20px;margin-top:-6px;box-shadow:0 2px 10px #00000059}.range-input::-moz-range-track{background:linear-gradient(90deg,#d7c59b,#8f9d78);border:none;border-radius:999px;height:8px}.range-input::-moz-range-thumb{background:#f3efe3;border:2px solid #10161df2;border-radius:3px;width:20px;height:20px;box-shadow:0 2px 10px #00000059}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;display:grid}.stat-label{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:.74rem;font-weight:700}.stat-value{letter-spacing:0;font-size:1.45rem;font-weight:700}.history-row{border:1px solid var(--surface-border);color:var(--text-soft);background:#ffffff0b;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:14px 16px;display:grid}.metronome-transport{border:1px solid var(--surface-border);background:var(--card-surface);border-radius:10px;justify-content:center;align-items:end;gap:18px;margin-bottom:22px;padding:clamp(18px,3vw,26px);display:flex}.metronome-tempo{text-align:center;grid-template-columns:minmax(120px,180px) auto;align-items:center;gap:0 10px;display:grid}.metronome-tempo .control-label{grid-column:1/-1}.metronome-tempo-input{max-width:180px;font-size:1.65rem}.metronome-bpm{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;font-size:.8rem;font-weight:800}.metronome-session{text-align:center;grid-template-columns:minmax(110px,150px) auto;align-items:center;gap:0 10px;display:grid}.metronome-session .control-label{grid-column:1/-1}.metronome-session-input{max-width:150px;font-size:1.2rem}.metronome-beat-strip{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px;margin-bottom:22px;display:grid}.metronome-beat{border:1px solid var(--surface-border);min-height:78px;color:var(--text-soft);font-family:var(--font-display);background:#ffffff0a;border-radius:8px;place-items:center;padding:10px;font-size:1.45rem;font-weight:700;line-height:1;transition:background 90ms,border-color 90ms,color 90ms,transform 90ms;display:grid}.metronome-beat span{color:var(--text-muted);font-family:var(--font-body);text-transform:uppercase;font-size:.62rem;font-weight:800}.metronome-beat.is-active{border-color:var(--accent-border);color:var(--accent-strong);background:#d4c7a121;transform:translateY(-2px)}.metronome-control-grid,.metronome-subdivision-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:18px;display:grid}.metronome-repeat-row{border:1px solid var(--surface-border);background:var(--card-surface);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:18px;display:flex}.toggle-control{color:var(--text-soft);letter-spacing:0;text-transform:uppercase;align-items:center;gap:12px;font-size:.86rem;font-weight:800;display:inline-flex}.toggle-control input{width:20px;height:20px;accent-color:var(--accent-warm)}.toggle-control.is-locked{cursor:not-allowed;opacity:.55}.metronome-subdivision-card{align-content:space-between;gap:12px;min-height:210px;display:grid}.metronome-subdivision-note{min-height:44px;color:var(--text-muted);margin:-4px 0 0;font-size:.88rem;line-height:1.55}.probability-value{color:var(--accent-strong);grid-template-columns:minmax(76px,96px) auto;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:1.35rem;font-weight:700;display:inline-grid}.probability-input{max-width:96px;color:var(--accent-strong);padding:10px 12px;font-size:1.2rem}.practice-timer{border:1px solid var(--surface-border);background:var(--card-surface);text-align:center;border-radius:10px;justify-items:center;gap:10px;max-width:420px;margin:0 auto 22px;padding:14px 18px;display:grid}.practice-timer .control-label{margin-bottom:0}.practice-timer.is-done{border-color:var(--accent-border)}.practice-timer-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.practice-timer .control-input.practice-timer-input{max-width:72px;padding:10px 12px}.practice-timer .secondary-button{width:auto;padding:10px 16px}.practice-timer-clock{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2rem;font-weight:700;line-height:1.1}.practice-timer.is-done .practice-timer-clock{font-family:var(--font-display);font-size:1.3rem}.ear-sidebar .practice-timer{box-sizing:border-box;width:100%;max-width:none;margin:0}.sticking-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;margin-bottom:24px;display:grid}.sticking-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sticking-session{border:1px solid var(--surface-border);background:var(--card-surface);border-radius:10px;gap:18px;margin-bottom:18px;padding:clamp(18px,3vw,24px);display:grid}.sticking-session-controls{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:18px;display:grid}.sticking-session-field{min-width:0}.sticking-session-input-row{justify-content:center;align-items:center;gap:10px;display:flex}.sticking-session-input-row .control-input{max-width:120px;font-size:1.2rem}.sticking-session .ear-select{max-width:100%}.sticking-session-status{border-top:1px solid var(--surface-border);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px 24px;padding-top:16px;display:grid}.sticking-session-beats{gap:10px;display:flex}.sticking-session-beat{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:50%;width:16px;height:16px;transition:background 90ms,border-color 90ms,transform 90ms}.sticking-session-beat.is-downbeat{border-color:var(--accent-border)}.sticking-session-beat.is-active{background:var(--accent-strong);transform:scale(1.25)}.sticking-session-readout{color:var(--accent-strong);font-variant-numeric:tabular-nums;grid-column:3;justify-self:end;gap:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem;font-weight:700;display:flex}.sticking-session-readout>span{justify-items:end;display:grid}.sticking-session-readout .stat-label{white-space:nowrap;font-family:var(--font-body);margin-bottom:2px}.fill-notation{min-height:150px;color:var(--text);display:flex;overflow-x:auto}.fill-notation svg{flex:none;margin:0 auto;display:block}.fill-notation-fallback{text-align:center}.sticking-board-actions{border-top:1px solid var(--surface-border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:18px;display:flex}.sticking-board-actions .primary-button{width:auto;margin-left:auto}.sticking-vote{border:1px solid var(--surface-border);width:44px;height:44px;color:var(--text-soft);font:inherit;text-transform:uppercase;cursor:pointer;background:#ffffff08;border-radius:999px;place-items:center;padding:0;font-size:.78rem;font-weight:800;transition:border-color .2s,color .2s,background .2s;display:inline-grid}.sticking-vote:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent-strong)}.sticking-vote:disabled{cursor:default;opacity:.5}.sticking-vote.is-active{opacity:1;border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-strong)}.dual-range{height:20px;position:relative}.dual-range:before{content:"";background:linear-gradient(90deg, #ffffff14 var(--range-low), #d7c59b var(--range-low), #8f9d78 var(--range-high), #ffffff14 var(--range-high));border-radius:999px;position:absolute;inset:6px 0}.dual-range-input{appearance:none;pointer-events:none;background:0 0;width:100%;height:20px;margin:0;position:absolute;inset:0}.dual-range-input::-webkit-slider-runnable-track{background:0 0;height:20px}.dual-range-input::-moz-range-track{background:0 0}.dual-range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;pointer-events:auto;background:#f3efe3;border:2px solid #10161df2;border-radius:3px;width:20px;height:20px;box-shadow:0 2px 10px #00000059}.dual-range-input::-moz-range-thumb{cursor:pointer;pointer-events:auto;background:#f3efe3;border:2px solid #10161df2;border-radius:3px;width:20px;height:20px;box-shadow:0 2px 10px #00000059}.dual-range-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent-strong);outline-offset:2px}.sticking-feedback{border:1px solid var(--surface-border);background:var(--surface,#14171b);width:min(560px,100vw - 32px);color:var(--text);text-align:center;border-radius:12px;padding:24px;box-shadow:0 30px 80px #0009}.sticking-feedback::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.sticking-feedback-sticking{margin-bottom:16px}.sticking-feedback-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.sticking-feedback .control-input.sticking-feedback-note{box-sizing:border-box;resize:vertical;text-align:left;max-width:100%}.sticking-feedback-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.sticking-feedback-actions button{width:auto}.sticking-board{border:1px solid var(--surface-border);background:var(--card-surface);border-radius:10px;margin-bottom:18px;padding:clamp(18px,3vw,28px);position:relative}@keyframes sticking-land{0%{border-color:var(--accent-border);transform:translateY(-6px)scale(1.12)}}@media (width>=641px){.sticking-toolbar.rudiment-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}.rudiment-title{margin:0 0 4px}.rudiment-notation{--text:#f3efe3;justify-content:center;display:flex;overflow-x:auto}.rudiment-login-note{color:var(--text-muted);margin:8px 0 0;font-size:.86rem}.rudiment-family+.rudiment-family{margin-top:18px}.rudiment-family-header{justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.rudiment-family-header .control-label{margin:0}.rudiment-family-action{cursor:pointer;background:0 0;border:0}.fill-source-badge{z-index:1;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-quiet);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;transition:opacity .2s;position:absolute;top:10px;right:12px}.fill-source-badge.is-hidden{opacity:0;transition:none}.chart-viewport{overscroll-behavior:contain;max-height:max(300px,100svh - 150px);overflow-y:auto}.set-ups-board{scroll-margin-top:12px}.set-ups-list{margin:8px 0 12px;padding-left:1.3em}.set-ups-list li{margin:4px 0}.sticking-built-from{transition:opacity .2s}.sticking-built-from.is-hidden{opacity:0;transition:none}.sticking-session-banner{min-height:2.6rem;color:var(--accent-strong);font-family:var(--font-display);visibility:hidden;grid-area:1/2;justify-content:center;align-items:baseline;gap:12px;font-size:2.2rem;font-weight:700;line-height:1.2;display:flex}.sticking-session-banner.is-visible{visibility:visible}.sticking-session-banner>span:last-child{animation:.2s ease-out sticking-land}.sticking-cells{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.sticking-cells li{text-align:center;grid-template-columns:7.5ch minmax(0,1fr);align-items:baseline;gap:14px;display:grid}.sticking-cell-name{color:var(--text-soft);font-size:.92rem}.independence-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.independence-title{margin:0 0 12px}.independence-exercise{animation:.32s ease-out independence-enter}@keyframes independence-enter{0%{opacity:0;transform:translateY(6px)}}.independence-notes p{margin:8px 0 0}.independence-parts{text-align:center;gap:10px;max-width:680px;margin:18px auto 0;padding:0;list-style:none;display:grid}.independence-parts li{grid-template-columns:110px 130px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.independence-limb{color:var(--accent-strong);text-transform:uppercase;font-size:.74rem;font-weight:800}.independence-part-instrument{color:var(--text);font-weight:700}@media (width<=640px){.independence-toolbar{grid-template-columns:minmax(0,1fr)}.independence-parts li{grid-template-columns:minmax(0,1fr);gap:2px}}.sticking-line{overflow-wrap:anywhere;color:var(--accent-strong);letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1rem,2vw,1.35rem);font-weight:700;line-height:1.7}.embed-shell{border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);background:#ffffff08;border-radius:10px;overflow:hidden}.video-portfolio{gap:20px;display:grid}.video-frame{aspect-ratio:16/9;border:0;width:100%;display:block}.video-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.video-grid-card{border:1px solid var(--surface-border);background:var(--card-surface);border-radius:10px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;overflow:hidden}.video-grid-card:hover{border-color:var(--accent-border);background:#ffffff0f;transform:translateY(-3px);box-shadow:0 18px 46px #00000057}.video-grid-link{text-align:center;grid-template-rows:auto 1fr;gap:0;height:100%;display:grid}.video-grid-media{position:relative}.video-thumb{aspect-ratio:16/9;object-fit:cover;background:#ffffff0a;width:100%;display:block}.video-play-badge{color:var(--text);letter-spacing:0;text-transform:uppercase;background:#060607d6;border:1px solid #ffffff1f;border-radius:4px;padding:8px 12px;font-size:.72rem;font-weight:800;position:absolute;bottom:14px;right:14px}.video-card-copy{gap:8px;min-width:0;padding:12px 14px 14px;display:grid}.video-card-title{font-family:var(--font-display);letter-spacing:0;color:var(--text);font-size:.92rem;font-weight:500;line-height:1.3}code{color:var(--text);background:#ffffff0f;border-radius:4px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.twitch-card{z-index:60;border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0ae6;border-radius:10px;width:360px;max-width:calc(100vw - 32px);padding:14px;animation:.42s both fadeUp;position:fixed;bottom:22px;right:22px;box-shadow:0 24px 60px #00000075}.twitch-card-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.twitch-live-dot{background:#e05a4f;border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite livePulse;box-shadow:0 0 #e05a4f8c}.twitch-live-label{font-family:var(--font-body);text-transform:uppercase;color:var(--accent-strong);font-size:.68rem;font-weight:800}.twitch-dismiss{appearance:none;width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;margin-left:auto;padding:0;font-size:1rem;line-height:1;transition:color .16s,border-color .16s}.twitch-dismiss:hover,.twitch-dismiss:focus-visible{color:var(--text);border-color:var(--surface-border)}.twitch-player{aspect-ratio:16/9;background-color:#000;background-position:50%;background-size:cover;border-radius:6px;overflow:hidden}.twitch-player iframe{border:0;width:100%;height:100%;display:block}.twitch-title{font-family:var(--font-display);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 4px;font-size:.86rem;font-weight:600;display:-webkit-box;overflow:hidden}.twitch-meta{color:var(--text-muted);margin:0 0 12px;font-size:.72rem}.twitch-actions{gap:8px;display:flex}.twitch-action{text-align:center;flex:1;padding:10px 12px;font-size:.7rem}@keyframes livePulse{0%{box-shadow:0 0 #e05a4f80}70%{box-shadow:0 0 0 7px #e05a4f00}to{box-shadow:0 0 #e05a4f00}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes floatGlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,12px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.sticking-session-banner>span:last-child,.independence-exercise,.twofive-key,.site-nav,.surface-panel,.twitch-card,.twitch-live-dot,.ear-chord-result,body:before,body:after{animation:none}.surface-card,.video-grid-card,.primary-button,.secondary-button,.nav-dropdown-menu,.nav-submenu-menu,.ear-chord-result{transition:none}.ear-chord-result.is-playing{transform:none}}.ear-level-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:22px;display:flex}.ear-level-chip{border:1px solid var(--surface-border);color:var(--text-muted);font:inherit;letter-spacing:0;text-transform:uppercase;cursor:pointer;background:#ffffff08;border-radius:999px;padding:9px 16px;font-size:.78rem;font-weight:800;transition:border-color .2s,color .2s,background .2s}.ear-level-chip:hover{color:var(--text-soft);border-color:#d4c7a166}.ear-level-chip.is-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-strong)}.ear-pool-count{color:var(--text-muted);letter-spacing:0;font-size:.78rem}.ear-toolbar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:22px;display:grid}.ear-options-card{text-align:center;align-content:center;justify-items:start;gap:12px;display:grid}.ear-select{cursor:pointer;max-width:100%}.ear-select:disabled{opacity:.55;cursor:not-allowed}.ear-answer-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.ear-answer-input{text-align:center;letter-spacing:.02em;flex:260px;max-width:420px;font-size:1.05rem}.ear-hint{color:var(--text-muted);margin:14px 0 0;font-size:.86rem;line-height:1.7}.ear-hint code{color:var(--accent-quiet);background:#ffffff12;border-radius:5px;padding:2px 6px;font-size:.82rem}.ear-midi-row{border-top:1px solid var(--surface-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:30px;margin-top:10px;padding-top:10px;display:flex}.ear-midi-note{color:var(--text-muted);font-size:.78rem}.ear-midi-badge{background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:800}.ear-midi-held{color:var(--accent-quiet);font-family:var(--font-mono,ui-monospace, monospace);background:#ffffff12;border-radius:5px;padding:2px 8px;font-size:.78rem}.ear-midi-options{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.ear-midi-option,.ear-midi-connect{border:1px solid var(--accent-border);color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:700}.ear-midi-option:hover,.ear-midi-connect:hover:not(:disabled){background:var(--accent-soft)}.ear-midi-connect:disabled{cursor:progress;opacity:.6}.twofive-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.twofive-main{gap:18px;display:grid}.twofive-controls{flex-wrap:wrap;justify-content:center;gap:18px 40px;display:flex}.twofive-control{justify-items:center;gap:10px;display:grid}.twofive-types{flex-basis:100%}.twofive-types .sticking-chips{justify-content:center}.twofive-types .ear-level-chip{text-transform:none;letter-spacing:0}.twofive-question{text-align:center;justify-items:center;gap:18px;transition:border-color .2s;display:grid}.twofive-question.is-solved{border-color:#7fbf7a!important}.twofive-key{font-family:var(--font-display);color:var(--text);font-size:clamp(40px,7vw,72px);font-weight:700;line-height:1;animation:.32s ease-out independence-enter}.twofive-progression{color:var(--text-muted);margin-top:-6px;font-size:1.05rem;font-weight:700}.twofive-chords{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.twofive-chord{border:1px solid var(--surface-border);border-radius:10px;justify-items:center;gap:6px;min-width:104px;padding:14px 16px;transition:border-color .16s,background .16s;display:grid}.twofive-chord.is-current{border-color:var(--accent-border)}.twofive-chord.is-done{background:#7fbf7a1a;border-color:#7fbf7a}.twofive-role{color:var(--text-muted);font-size:.95rem;font-weight:800}.twofive-symbol{color:var(--text);font-size:1.6rem;font-weight:800}.twofive-chord.is-done .twofive-symbol{color:#9fd89a}.twofive-status{min-height:1.4em;color:var(--text-muted);font-size:.92rem}.twofive-midi{justify-content:center;width:100%}.twofive-actions{gap:12px;display:flex}@media (width<=900px){.twofive-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.twofive-chords{gap:6px}.twofive-chord{min-width:66px;padding:10px 6px}.twofive-symbol{font-size:1.2rem}}.twofive-credit{color:var(--text-muted);text-align:center;margin:22px 0 0;font-size:.74rem}.student-notes-card{text-align:center;max-width:820px;margin:18px auto 0}.doc-page-card{text-align:left}.student-notes-status{color:var(--text-muted);text-align:center;margin:0}.student-notes{color:var(--text-soft);overflow-wrap:anywhere;font-size:1.02rem;line-height:1.7}.student-notes>:first-child{margin-top:0}.student-notes h2,.student-notes h3,.student-notes h4,.student-notes h5,.student-notes h6{color:var(--text);margin:1.8em 0 .5em;line-height:1.2}.student-notes h2{font-size:1.6rem}.student-notes h3{font-size:1.3rem}.student-notes h4,.student-notes h5,.student-notes h6{font-size:1.08rem}.student-notes p{margin:0 0 .8em}.student-notes .subtitle{color:var(--text-muted)}.student-notes strong{color:var(--text)}.student-notes a{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.student-notes ul,.student-notes ol{margin:0 0 .8em;padding-left:0;list-style-position:inside}.student-notes ul+ul,.student-notes ol+ol{margin-top:-.8em}.student-notes .level-1,.student-notes .level-2,.student-notes .level-3,.student-notes .level-4,.student-notes .level-5,.student-notes .level-6{color:var(--text-muted);font-size:.95em;list-style-type:circle}.student-notes li{margin:.2em 0}.student-notes hr{border:0;border-top:1px solid var(--surface-border);margin:1.8em 0}.student-notes img{border-radius:8px;max-width:100%;height:auto;margin:.8em auto;display:block}.student-notes .notes-table{margin:0 0 1em;overflow-x:auto}.student-notes table{border-collapse:collapse;width:100%;font-size:.95rem}.student-notes td,.student-notes th{border:1px solid var(--surface-border);text-align:center;vertical-align:top;padding:8px 12px}.student-notes tr:first-child td{color:var(--text);background:#ffffff0a}.student-materials-header{justify-items:center;gap:8px;margin-bottom:14px;display:grid}.student-materials-header .card-title{margin:0}.student-materials-list{margin:0;padding:0;list-style:none;display:grid}.student-materials-list li+li{border-top:1px solid var(--surface-border)}.student-materials-list a{color:var(--text-soft);border-radius:6px;justify-items:center;gap:4px;padding:11px 8px;text-decoration:none;transition:background .16s,color .16s;display:grid}.student-materials-list a:hover{color:var(--accent-strong);background:#d4c7a112}.student-material-name{overflow-wrap:anywhere}.student-material-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.student-material-kind{border:1px solid var(--surface-border);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.62rem;font-weight:800}.student-material-kind.is-folder{border-color:var(--accent-border);color:var(--accent-strong)}.student-material-date{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.ear-question-meta{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;font-size:.78rem;font-weight:700;display:flex}.ear-score{font-family:var(--font-display);color:var(--accent-strong);margin-bottom:18px;font-size:1.6rem;font-weight:700}.ear-answer-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.ear-chord-result{border:1px solid var(--surface-border);background:#ffffff0b;border-radius:8px;align-content:center;gap:6px;padding:16px 14px;transition:transform .18s,border-color .18s,box-shadow .18s,opacity .18s;display:grid;position:relative}button.ear-chord-result{width:100%;font:inherit;color:inherit;text-align:center;cursor:pointer;margin:0}button.ear-chord-result:hover{border-color:var(--accent-border);box-shadow:0 8px 22px #00000052}button.ear-chord-result:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.ear-chord-result.is-reference{color:var(--text-muted);opacity:.85;border-style:dashed}.ear-chord-result.is-playing{border-color:var(--accent-strong);opacity:1;transform:translateY(-3px);box-shadow:0 0 0 2px #f6edd852,0 12px 30px #00000059}.ear-confetti{z-index:60;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.ear-chord-result.is-given{color:var(--text-soft);opacity:.72}.ear-chord-result.is-blank{border-style:dashed;border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-strong)}.ear-chord-result.is-blank .ear-chord-roman{font-size:1.7rem}.ear-chord-result.is-blank .ear-chord-roman.is-draft{overflow-wrap:anywhere;font-size:1.15rem}.ear-chord-result.is-blank.is-selected{border-style:solid;border-color:var(--accent-strong);box-shadow:0 0 0 2px var(--accent-soft)}.ear-chord-result.is-revealed{border-color:var(--accent-border);background:var(--accent-soft)}.ear-chord-result.is-correct{background:#7ac7762e;border-color:#7ac776bf;animation:.5s ease-out ear-correct-pop;box-shadow:0 0 24px #7ac77638}.ear-chord-result.is-correct .ear-chord-roman{color:#b7e8ac}.ear-chord-result.is-correct .ear-chord-secondary{color:var(--accent-quiet);letter-spacing:.02em;font-size:.78rem;font-weight:700}.ear-chord-note{color:#b7e8acd9}.ear-chord-gain{z-index:1;font-family:var(--font-display);text-shadow:0 2px 14px #000000a6;color:var(--text-soft);pointer-events:none;font-size:3.1rem;font-weight:800;line-height:1;animation:2s ease-out forwards ear-gain-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ear-chord-gain.is-p3{color:#b7e8ac}.ear-chord-gain.is-p2{color:#b7e8acd1}.ear-chord-gain.is-p1{color:#d4c7a1d9}@keyframes ear-gain-float{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.86)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}62%{opacity:1;transform:translate(-50%,calc(-50% - 26px))scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 48px))scale(1)}}@media (prefers-reduced-motion:reduce){.ear-chord-gain{animation:2s ease-out forwards ear-gain-fade}}@keyframes ear-gain-fade{0%,70%{opacity:1}to{opacity:0}}@keyframes ear-correct-pop{0%{transform:scale(.94)}55%{transform:scale(1.05)}to{transform:scale(1)}}.ear-chord-result.is-rootOnly{background:#d4c7a11a;border-color:#d4c7a173}.ear-chord-result.is-quality{background:#b88a5a1f;border-color:#b88a5a80}.ear-chord-result.is-wrong,.ear-chord-result.is-missing{background:#a86c661f;border-color:#a86c6680}.ear-chord-roman{font-family:var(--font-display);letter-spacing:0;font-size:1.35rem;font-weight:700}.ear-chord-symbol{color:var(--text-soft);font-size:.95rem;font-weight:600}.ear-answer-grid.is-symbol-lead .ear-chord-symbol{color:inherit;font-family:var(--font-display);font-size:1.35rem;font-weight:700}.ear-answer-grid.is-symbol-lead .ear-chord-result.is-correct .ear-chord-symbol{color:#b7e8ac}.ear-chord-note{color:var(--text-muted);font-size:.76rem;line-height:1.5}@media (width<=1180px){.nav-links{gap:8px 24px}.nav-links>*+:before{content:none}}@media (width<=640px){.site-nav{gap:16px;padding-top:16px}.nav-dropdown{width:100%;margin-bottom:0;padding-bottom:0;display:block}.nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;margin-top:10px;display:none;position:static;transform:none}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block;transform:none}.nav-submenu-menu{border:0;border-left:1px solid var(--surface-border);min-width:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;background:0 0;border-radius:0;margin:2px 0 4px;padding:0 0 0 12px;display:none;position:static;transform:none}.nav-submenu-menu:before{content:none}.nav-submenu.is-open>.nav-submenu-menu{display:block}.nav-submenu:hover:not(.is-open)>.nav-submenu-trigger{color:var(--text-soft);background:0 0}.nav-submenu.is-open>.nav-submenu-trigger:after{transform:rotate(90deg)}.twitch-card{width:auto;max-width:none;bottom:12px;left:12px;right:12px}.map-card,.soundbetter-grid{grid-template-columns:1fr}.hero-shell{grid-template-columns:1fr;min-height:auto}.hero-shell:before{background:linear-gradient(#0b0b0abd,#0b0b0abd),url(/assets/IMG_20230805_203444-pJA8MEiz.webp) 50% 66%/cover no-repeat;width:100%;inset:0}.photo-grid{column-count:1}.primary-button,.secondary-button{width:100%}.control-input{max-width:100%}.range-input{width:100%}.metronome-transport{flex-direction:column;align-items:stretch}.metronome-tempo,.metronome-session{grid-template-columns:1fr auto}.metronome-tempo-input,.metronome-session-input{max-width:100%}.ear-toolbar{grid-template-columns:1fr}.ear-answer-row{flex-direction:column;align-items:stretch}.ear-answer-input{flex:none;max-width:100%}}.ear-shell .site-nav{margin-bottom:12px}.ear-panel{flex-direction:column;height:calc(100vh - 116px);min-height:520px;margin-bottom:0;padding:clamp(16px,2vw,24px);display:flex}.ear-layout{flex:1;min-height:0}.ear-main{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0}.ear-stage{flex-direction:column;justify-content:center;min-height:0;display:flex}.ear-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ear-title{letter-spacing:0;margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.1}.ear-topbar .ear-level-chips{margin-bottom:0}.ear-layout{text-align:center;grid-template-columns:minmax(0,1fr) 240px;align-items:stretch;gap:16px;display:grid}.ear-main{gap:12px;min-width:0;display:grid}.ear-sidebar{align-content:start;gap:12px;display:grid}.ear-panel .ear-toolbar{grid-template-columns:minmax(0,190px) minmax(0,190px) minmax(0,1fr);gap:12px;margin-bottom:0}.ear-panel .control-card{padding:12px 14px}.ear-panel .control-label{margin-bottom:6px;font-size:.68rem}.ear-panel .range-value{margin-bottom:4px;font-size:1.1rem}.ear-panel .ear-options-card{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:6px 16px}.ear-panel .toggle-control{gap:8px;font-size:.72rem}.ear-panel .toggle-control input{width:15px;height:15px}.ear-transport{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ear-transport button{padding:9px 18px;font-size:.76rem}.ear-stage{min-height:172px;padding:14px}.ear-stage .ear-question-meta{justify-content:center;margin-bottom:12px;font-size:.7rem}.ear-stage .ear-answer-grid{flex:0 auto;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-auto-rows:max-content;align-content:safe center;gap:8px;min-height:0;overflow-y:auto}.ear-stage .ear-chord-result{gap:3px;padding:10px 8px}.ear-stage-caption{color:var(--text-muted);margin:12px 0 0;font-size:.82rem;line-height:1.5}.ear-stage-empty{color:var(--text-muted);margin:0;font-size:.86rem}.ear-answer-card{padding:12px 14px}.ear-answer-card .ear-answer-row{justify-content:center;margin-top:0}.ear-answer-card .ear-answer-input{text-align:center;max-width:none}.ear-answer-card .ear-hint{margin-top:8px;font-size:.74rem;line-height:1.5}.ear-score-card{text-align:center;padding:14px}.ear-score-big{font-family:var(--font-display);color:var(--accent-strong);justify-content:center;align-items:baseline;gap:6px;font-size:3rem;line-height:1;display:flex}.ear-score-percent{color:var(--text-muted);font-size:1.4rem}.ear-score-unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.72rem;display:block}.ear-stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.ear-stat{border:1px solid var(--surface-border);background:#ffffff0b;border-radius:6px;padding:8px 4px}.ear-stat strong{font-family:var(--font-display);color:var(--text-soft);font-size:1.3rem;display:block}.ear-stat span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.64rem}.ear-stat.is-hot{background:var(--accent-soft);border-color:var(--accent-border)}.ear-stat.is-hot strong{color:var(--accent-strong)}.ear-history-card{padding:14px}.ear-history-list{gap:6px;max-height:210px;display:grid;overflow-y:auto}.ear-history-row{background:#ffffff0a;border-radius:6px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:6px 8px;font-size:.74rem;display:grid}.ear-history-chord{color:var(--text-soft);font-weight:700}.ear-history-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ear-votes{vertical-align:middle;gap:8px;margin-left:12px;display:inline-flex}.ear-history-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.ear-history-points{min-width:18px;color:var(--text-muted);text-align:center;background:#ffffff0f;border-radius:4px;padding:1px 5px;font-weight:800}.ear-history-points.is-p3{background:var(--accent-soft);color:var(--accent-strong)}.ear-history-points.is-p2{color:var(--text-soft)}@media (width<=900px){.ear-panel{height:auto;min-height:0}.ear-layout{grid-template-columns:minmax(0,1fr)}.ear-stage .ear-answer-grid{overflow-y:visible}.ear-panel .ear-toolbar{grid-template-columns:minmax(0,1fr)}.sticking-toolbar,.sticking-session-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.sticking-toolbar,.sticking-session-controls{grid-template-columns:minmax(0,1fr)}.sticking-session-status{grid-template-columns:minmax(0,1fr);justify-items:center}.sticking-session-beats{grid-row:1}.sticking-session-banner{grid-area:2/1}.sticking-session-readout{grid-area:3/1;justify-self:center}.sticking-session-readout>span{justify-items:center}.sticking-board-actions .primary-button{flex:auto}}.floating-metronome{z-index:55;border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(18px);text-align:center;background:#0b0b0ae6;border-radius:12px;flex-direction:column;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:22px;left:22px;box-shadow:0 24px 60px #00000075}.floating-metronome.is-expanded{width:264px}.floating-metronome-bar{align-items:center;gap:8px;padding:8px;display:flex}.floating-metronome button{appearance:none;font:inherit;cursor:pointer}.floating-metronome-play{color:#0b0b0a;background:linear-gradient(135deg,#f0e5c9,#c9b083);border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;transition:transform 90ms,box-shadow 90ms;display:grid}.floating-metronome-play svg{fill:currentColor;width:18px;height:18px}.floating-metronome-play.is-pulsing{transform:scale(1.08);box-shadow:0 0 0 5px #d4c7a138}.floating-metronome-tempo{border:1px solid var(--surface-border);width:3.6em;color:var(--text);font-family:var(--font-display);text-align:center;-moz-appearance:textfield;background:#05080c7a;border-radius:7px;padding:8px 4px;font-size:1.15rem;font-weight:700}.floating-metronome-tempo::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.floating-metronome-tempo::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.floating-metronome-tempo:focus,.floating-metronome-minutes:focus{border-color:#c4ceda80;outline:none;box-shadow:0 0 0 3px #8ea1b624}.floating-metronome-unit{min-width:2.6em;color:var(--text-muted);font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:.7rem;font-weight:800}.floating-metronome-toggle{border:1px solid var(--surface-border);width:32px;height:32px;color:var(--text-soft);background:#ffffff0d;border-radius:7px;place-items:center;margin-left:auto;padding:0;display:grid}.floating-metronome-toggle svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .16s}.floating-metronome.is-expanded .floating-metronome-toggle svg{transform:rotate(180deg)}.floating-metronome-panel{border-bottom:1px solid var(--surface-border);gap:14px;max-height:calc(100svh - 120px);padding:16px 14px 6px;display:grid;overflow-y:auto}.floating-metronome-panel .control-label{margin-bottom:6px;font-size:.66rem}.floating-metronome-field{display:block}.floating-metronome-beats{justify-content:center;gap:6px;display:flex}.floating-metronome-beats span{border:1px solid var(--surface-border);background:#ffffff0d;border-radius:50%;width:12px;height:12px;transition:background 80ms,border-color 80ms}.floating-metronome-beats span.is-active{border-color:var(--accent-border);background:var(--accent-quiet)}.floating-metronome-row{justify-content:center;align-items:center;gap:10px;display:flex}.floating-metronome-step{border:1px solid var(--surface-border);width:30px;height:30px;color:var(--text);background:#ffffff0d;border-radius:7px;flex:none;padding:0;font-size:1.05rem;line-height:1}.floating-metronome-value{min-width:2ch;font-family:var(--font-display);font-size:1.15rem;font-weight:700}.floating-metronome-slider{width:100%;accent-color:var(--accent-quiet)}.floating-metronome-tap.secondary-button{padding:10px 14px;font-size:.72rem}.floating-metronome-segments{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.floating-metronome-segments button{border:1px solid var(--surface-border);color:var(--text-soft);background:#ffffff0a;border-radius:6px;padding:7px 0;font-weight:800}.floating-metronome-segments button[aria-pressed=true]{border-color:var(--accent-border);color:var(--accent-strong);background:#d4c7a124}.floating-metronome-check{color:var(--text-soft);justify-content:center;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.floating-metronome-check input{accent-color:var(--accent-quiet)}.floating-metronome-minutes.control-input{max-width:96px;padding:8px 10px}@media (width<=640px){.floating-metronome{bottom:12px;left:12px}}.chart-reveal-band{transform-box:fill-box;transform-origin:0;animation:.52s cubic-bezier(.3,.6,.35,1) both chart-reveal}@keyframes chart-reveal{0%{transform:scaleX(0)}}.session-complete{width:min(400px,100vw - 32px)}.session-complete-title{margin:0 0 18px;font-size:clamp(26px,5vw,34px)}.session-complete-category{flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0 22px;display:flex}.session-complete-category button{width:auto}.session-complete-category+.session-complete-category{margin-top:-12px}.session-complete-category button[aria-checked=true]{border-color:var(--accent-border);color:var(--accent-strong);background:#d4c7a124}.session-complete-options,.session-complete-custom{justify-content:center;gap:10px;margin-top:12px;display:flex}.session-complete-options button,.session-complete-custom button{width:auto}.session-complete .control-input{text-align:center;width:110px}.session-complete .sticking-feedback-actions{justify-content:center;margin-top:22px}.nav-practice-dot{background:var(--accent-strong);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.nav-practice{position:absolute;top:22px;right:16px}.is-compact .nav-practice{top:12px}@media (width<=760px){.nav-practice,.is-compact .nav-practice{position:static}}.nav-practice .nav-dropdown-menu{min-width:230px}.nav-practice .practice-pin{text-align:center;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:4px;font-size:13px}.nav-practice .practice-pin>span:first-child{padding:4px 7px 6px}.nav-practice .practice-pin .control-input.practice-pin-input{width:100%}button.dropdown-link{width:100%;font-family:var(--font-nav);text-align:center;cursor:pointer;background:0 0;border:0}.practice-pin{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin:-14px 0 26px;font-size:14px;display:flex}.practice-pin .text-link{font-size:13px}.practice-pin-link{color:var(--text-muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.practice-pin-link:hover{color:var(--text)}.practice-pin .control-input.practice-pin-input{text-align:center;letter-spacing:.3em;width:90px}.practice-pin .secondary-button{width:auto}.practice-pin-status{text-align:center;flex-basis:100%}.practice-stats{text-align:center;grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.practice-stats-switch{justify-content:center}.practice-stats-heading{position:relative}.practice-stats-switch.is-placed{position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (width<=760px){.practice-stats-switch.is-placed{margin-bottom:16px;position:static;transform:none}}.answer-insights{text-align:center;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px 28px;display:grid}.answer-insights-tool h3{margin:0 0 2px;font-size:1rem}.answer-insights-tool p{color:var(--text-muted);margin:0 0 12px;font-size:.85rem}.answer-insights-tool .stat-label{margin-bottom:6px;display:block}.answer-insights-tool ul{gap:6px;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.answer-insights-tool small{color:var(--text-muted);white-space:nowrap;margin-left:8px}.practice-stats-tiles{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.practice-stats-tiles strong{font-family:var(--font-display);margin-top:4px;font-size:clamp(20px,3vw,28px);display:block}.practice-stats-tiles small{color:var(--text-muted);font-size:12px}.practice-stats-body{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.practice-calendar{--practice-1:#4f4c42;--practice-2:#756f5e;--practice-3:#a49b7f;--practice-4:#d4c7a1}.practice-calendar-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.practice-calendar-step{border:1px solid var(--surface-border);width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;font-size:18px;line-height:1}.practice-calendar-step:disabled{opacity:.3;cursor:default}.practice-calendar-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.practice-calendar-weekday{color:var(--text-muted);font-size:11px;font-weight:600}.practice-calendar-day{aspect-ratio:1;border:1px solid var(--surface-border);color:var(--text-muted);cursor:default;border-radius:6px;place-items:center;font-size:12px;display:grid}.practice-calendar-day.is-level-1{background:var(--practice-1);color:var(--text);border-color:#0000}.practice-calendar-day.is-level-2{background:var(--practice-2);color:var(--text);border-color:#0000}.practice-calendar-day.is-level-3{background:var(--practice-3);color:#14140f;border-color:#0000}.practice-calendar-day.is-level-4{background:var(--practice-4);color:#14140f;border-color:#0000}.practice-calendar-day.is-today{outline:2px solid var(--text);outline-offset:1px}.practice-calendar-day.is-future{opacity:.35}.practice-calendar-day:hover,.practice-calendar-day:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.practice-calendar-footer{min-height:38px;color:var(--text-muted);justify-content:center;margin-top:10px;font-size:12px;display:flex}.practice-calendar-legend,.practice-calendar-detail{flex-wrap:wrap;justify-content:center;gap:4px 12px;display:flex}.practice-calendar-detail strong{color:var(--text);flex-basis:100%}.practice-calendar-legend{white-space:nowrap;flex-wrap:nowrap;gap:8px;font-size:11px}.practice-calendar-legend span{align-items:center;gap:4px;display:inline-flex}.practice-calendar-legend i{border-radius:3px;width:11px;height:11px}.practice-calendar-legend i.is-level-1{background:var(--practice-1)}.practice-calendar-legend i.is-level-2{background:var(--practice-2)}.practice-calendar-legend i.is-level-3{background:var(--practice-3)}.practice-calendar-legend i.is-level-4{background:var(--practice-4)}.practice-stats-tools{border-collapse:collapse;width:100%;font-size:15px}.practice-stats-tools th{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.practice-stats-tools th,.practice-stats-tools td{white-space:nowrap;border-bottom:1px solid var(--surface-border);padding:8px 6px}@media (width<=760px){.practice-stats-tiles{grid-template-columns:repeat(2,1fr)}.practice-stats-body{grid-template-columns:1fr}.practice-calendar{max-width:320px;margin:0 auto}.practice-stats-tools{font-size:12px}.practice-stats-tools th,.practice-stats-tools td{padding:7px 2px}.practice-stats-tools th{letter-spacing:.02em;white-space:normal;font-size:10px}.practice-stats-tools td:first-child{white-space:normal}}