:root{--th-oxblood:#740700;--th-oxblood-dark:#470703;--th-burgundy:#8d2823;--th-cream:#f6efe4;--th-paper:#fbf6ed;--th-cream-light:#fffaf2;--th-brown:#57301f;--th-walnut:#754225;--th-copper:#b9783b;--th-gold:#d6ad69;--th-charcoal:#191716;--th-charcoal-2:#24211f;--th-charcoal-3:#302c29;--th-text:#281b15;--th-muted:#745e51;--th-text-on-dark:#f8eedc;--th-muted-on-dark:#bca995;--th-success:#87924b;--th-warning:#d28a34;--th-danger:#c44732;--th-border-light:#57301f2e;--th-border-medium:#57301f4d;--th-border-dark:#d6ad6942;--th-shadow-card:0 5px 18px #47070314;--th-shadow-raised:0 8px 28px #47070324;--th-radius-sm:10px;--th-radius-md:16px;--th-radius-lg:22px;--th-radius-pill:999px;--th-type-xs:11px;--th-type-sm:13px;--th-type-body:16px;--th-type-body-lg:18px;--th-type-h3:22px;--th-type-h2:28px;--th-type-h1:36px;--th-type-brand:44px;--th-type-note:84px;--cream:var(--th-cream);--cream-light:var(--th-cream-light);--oxblood:var(--th-oxblood);--oxblood-dark:var(--th-oxblood-dark);--walnut:var(--th-walnut);--copper:var(--th-copper);--tan:var(--th-gold);--tan-deep:#8f6a33;--charcoal:var(--th-charcoal);--warm-gray:var(--th-muted);--olive:var(--th-success);--warning:var(--th-danger);--color-burgundy:var(--th-oxblood);--color-burgundy-bright:#640600;--color-burgundy-deep:var(--th-oxblood-dark);--color-charcoal:var(--th-charcoal);--color-charcoal-soft:var(--th-charcoal-2);--color-ink:var(--th-text);--color-muted:var(--th-muted);--color-wood:var(--th-copper);--color-wood-dark:var(--th-walnut);--color-wood-deep:var(--th-brown);--color-copper:var(--th-copper);--color-tan:var(--th-gold);--color-bone:var(--th-text-on-dark);--color-cream:var(--th-cream);--color-peach:var(--th-paper);--color-mist:#e4d6c4;--color-white:var(--th-cream-light);--color-success:var(--th-success);--color-success-bg:#e2f2e5;--color-warning:var(--th-warning);--color-warning-bg:#fdefdd;--color-danger:var(--th-danger);--color-danger-bg:#fce6e3;--color-info:#14505e;--color-info-bg:#e4f1f4;--font-display:"Playfair Display", Georgia, serif;--font-wordmark:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-kicker:"Montserrat", "Inter", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.25rem, 4vw, 1.5rem);--text-2xl:clamp(1.65rem, 7vw, 2.15rem);--text-hero:clamp(2.25rem, 11vw, 3.5rem);--radius:var(--th-radius-md);--radius-lg:var(--th-radius-lg);--shadow:var(--th-shadow-card);--shadow-lift:var(--th-shadow-raised);--chrome-height:8.4rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 800;font-display:swap;src:local("Source Sans 3"),local(Segoe UI)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);background-color:var(--th-cream);color:var(--th-text);-webkit-text-size-adjust:100%;background-image:url(/brand/paper.svg);background-repeat:repeat-y;background-size:390px 844px;margin:0;line-height:1.45}h1,h2,h3{letter-spacing:-.02em;line-height:1.12}a{color:var(--color-burgundy)}button,input{font:inherit}.app-shell{--app-col:min(480px, 100%);--app-col-len:min(480px, 100vw);flex-direction:column;min-height:100dvh;display:flex;position:relative}.start-scene-bg{width:var(--app-col);z-index:0;pointer-events:none;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.celestial-clip{width:var(--app-col);pointer-events:none;z-index:2;height:280px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.celestial{object-fit:contain;width:220px;height:auto;position:absolute;top:-48px;right:-48px}.app-shell[data-screen=start] .app-chrome{background-color:#0000;background-image:none;padding-bottom:4px}.app-shell[data-screen=start] .app-main{padding-top:0}.app-main{z-index:1;width:var(--app-col);flex:1;margin:0 auto;padding:16px 18px 2.5rem;position:relative}.app-chrome{z-index:30;width:var(--app-col);background-color:var(--th-cream);background-image:url(/brand/paper.svg);background-size:390px 844px;grid-template-columns:minmax(0,1fr);gap:0;margin:0 auto;padding:18px 18px 10px;display:grid;position:relative}.app-maker{margin:0;line-height:0}.app-maker img{width:auto;height:24px;display:block}.app-kicker{font-family:var(--font-kicker);letter-spacing:.26em;text-transform:uppercase;color:var(--th-walnut);margin:10px 0 0;font-size:10px;font-weight:700}.app-wordmark{font-family:var(--font-wordmark);letter-spacing:-.01em;color:var(--th-oxblood);margin:2px 0 0;font-size:clamp(38px,10vw,46px);font-weight:600;line-height:.95}.app-byline{font-family:var(--font-kicker);letter-spacing:.17em;text-transform:uppercase;color:var(--th-muted);margin:7px 0 0;font-size:9px;font-weight:700}.mode-switch{border-radius:var(--th-radius-pill);border:1px solid var(--th-border-medium);background:#fffaf2b8;grid-template-columns:1fr 1fr;height:50px;margin-top:14px;padding:3px;display:grid}.mode-switch-btn{border-radius:var(--th-radius-pill);min-height:44px;color:var(--th-text);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-size:13px;font-weight:700;text-decoration:none;display:flex}.mode-switch-btn[aria-current=page]{background:var(--th-oxblood);color:var(--th-cream-light);box-shadow:0 3px 10px #4707032e}.start-subnav{scrollbar-width:none;border-bottom:1px solid #57301f1f;gap:22px;margin:4px 0 0;padding:10px 0 0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 1.4rem),#0000);mask-image:linear-gradient(90deg,#000 0 calc(100% - 1.4rem),#0000)}.start-subnav::-webkit-scrollbar{display:none}.start-subnav-link{color:var(--th-muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;flex:none;padding:7px 0 9px;font-size:12px;font-weight:600;text-decoration:none;position:relative}.start-subnav-link[aria-current=page]{color:var(--th-oxblood);font-weight:700}.start-subnav-link[aria-current=page]:after{content:"";background:var(--th-copper);border-radius:2px;height:2px;position:absolute;bottom:1px;left:0;right:0}.chrome-mode-cluster{z-index:4;align-items:flex-start;display:flex;position:absolute;top:12px;right:16px}.app-shell[data-screen=start] .chrome-mode-cluster,.app-shell[data-mode=tuner] .chrome-mode-cluster{right:96px}.settings-button{appearance:none;color:#740700;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;display:grid}.settings-button:before{content:"";background:#fffaf2b3;border:1px solid #74070033;border-radius:999px;grid-area:1/1;width:34px;height:34px}.settings-button svg{z-index:1;grid-area:1/1;position:relative}.chrome-mode-cluster[data-night=true] .settings-button{color:#d6ad69}.chrome-mode-cluster[data-night=true] .settings-button:before{background:#18151385;border-color:#d6ad693d}.settings-sheet-root{z-index:80;position:fixed;inset:0}.settings-sheet-backdrop{appearance:none;background:#17151375;border:0;padding:0;position:absolute;inset:0}.settings-sheet{width:min(var(--app-col-len), 100%);background:var(--th-paper);color:var(--th-text);box-shadow:var(--th-shadow-raised);border-radius:22px 22px 0 0;padding:18px 20px 28px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.app-shell[data-mode=tuner] .settings-sheet{color:var(--th-text-on-dark);background:#211e1c}.settings-sheet-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.settings-sheet-bar h2{font-family:var(--font-wordmark);margin:0;font-size:26px}.settings-sheet-close{appearance:none;color:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700;text-decoration:underline}.settings-panel p{margin:.8rem 0 0;font-size:14px}.settings-row{align-items:center;gap:.75rem;font-size:15px;display:flex}.app-shell[data-mode=tuner] .settings-sheet a{color:var(--th-gold)}.app-shell[data-mode=tuner]{color:var(--th-text-on-dark);background:#171513}.tuner-scene-veil{width:var(--app-col);z-index:1;pointer-events:none;background:linear-gradient(#0a0908c7 0%,#120f0ca3 18%,#1814108a 38%,#100e0c94 68%,#0c0a09bd 100%),radial-gradient(circle at 50% 35%,#b9783b26 0%,#b9783b0f 28%,#0000 58%);height:100%;min-height:100dvh;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-shell[data-mode=tuner] .app-chrome{background-color:#0000;background-image:none;border-bottom:0;padding:16px 18px 8px}.app-shell[data-mode=tuner] .app-wordmark{color:var(--th-cream);font-size:38px}.app-shell[data-mode=tuner] .app-kicker{letter-spacing:.24em;color:var(--th-gold);font-size:9px}.app-shell[data-mode=tuner] .app-byline{letter-spacing:.16em;color:var(--th-gold);font-size:9px}.app-shell[data-mode=tuner] .app-maker img{filter:brightness(0)invert()sepia(.18)saturate(1.4)hue-rotate(-8deg);height:24px}.app-shell[data-mode=tuner] .mode-switch{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#161311b8;border:1px solid #b9783b59;height:50px;padding:3px}.app-shell[data-mode=tuner] .mode-switch-btn{color:#cbb69b}.app-shell[data-mode=tuner] .mode-switch-btn[aria-current=page]{color:#fff8eb;background:linear-gradient(90deg,#8a1208 0%,#9c1208 45%,#770b05 100%);box-shadow:0 3px 10px #47070347}.app-shell[data-mode=tuner] .app-main{width:var(--app-col);padding:.2rem 18px 1.6rem}@media (width>=800px){.app-main{padding:20px 20px 3rem}}.page-header{margin:0 0 1.15rem}.page-header h1{font-family:var(--font-display);font-size:var(--text-2xl);margin:0 0 .4rem}.page-header p{color:var(--color-muted);max-width:46ch;margin:0}.eyebrow{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-wood-dark);font-weight:800;display:inline-block}.section-title{font-size:var(--text-lg);margin:1.75rem 0 .65rem}.btn{appearance:none;border-radius:var(--th-radius-pill);font-family:var(--font-sans);font-weight:600;font-size:var(--th-type-body-lg);letter-spacing:0;cursor:pointer;background:var(--th-oxblood);color:var(--th-cream-light);box-shadow:var(--th-shadow-card);border:0;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:1rem 1.4rem;text-decoration:none;display:inline-flex}.btn:hover{background:#640600}.btn:active{transform:translateY(1px)}.btn-secondary{background:var(--color-charcoal);color:var(--color-white)}.btn-secondary:hover{background:var(--color-charcoal-soft)}.btn-quiet{color:var(--color-charcoal);box-shadow:inset 0 0 0 2px var(--color-mist);background:0 0}.btn-quiet:hover{background:var(--color-white)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.btn-row{flex-wrap:wrap;gap:.65rem;display:flex}.pine-divider{color:var(--tan-deep);justify-content:center;align-items:center;gap:.5rem;margin:1rem 0 0;display:flex}.pine-divider span{background:linear-gradient(90deg,#0000,currentColor);width:3.2rem;height:1px}.pine-divider span:last-of-type{background:linear-gradient(90deg,currentColor,#0000)}.pine-divider[data-tone=light]{color:var(--tan)}.start-page{gap:14px;display:grid}.start-hero{min-width:0;margin:0 -18px;overflow:hidden}.hero-scene{min-height:calc(var(--app-col-len) * 1672 / 941 - 15.75rem);flex-direction:column;justify-content:flex-end;padding-top:0;display:flex;position:relative;overflow:hidden}.hero-compass{z-index:5;color:var(--th-gold);position:absolute;top:.55rem;left:18px}.hero-product{z-index:4;object-fit:contain;object-position:center top;filter:drop-shadow(0 16px 22px #47070361);pointer-events:none;width:100%;height:auto;display:block;position:absolute;top:.45rem;left:0}.hero-panel{z-index:5;color:var(--th-cream-light);background:0 0;padding:16px 20px 24px;position:relative}.hero-badge{border-radius:var(--th-radius-pill);color:var(--th-gold);font-family:var(--font-kicker);letter-spacing:.14em;text-transform:uppercase;background:#d6ad6929;border:1px solid #d6ad6973;margin:0 0 10px;padding:.28rem .7rem;font-size:9px;font-weight:700;display:inline-block}.hero-panel h1{font-family:var(--font-wordmark);color:var(--th-cream-light);margin:0 0 8px;font-size:30px;font-weight:600;line-height:1.03}.hero-support{color:#fffaf2e6;max-width:28ch;margin:0;font-size:14px;line-height:1.45}.start-card{border:1px solid var(--th-border-light);box-shadow:var(--th-shadow-card);background:#fffaf2eb;border-radius:18px;padding:18px}.start-card-head{align-items:center;gap:.65rem;margin-bottom:.5rem;display:flex}.start-card-head h2{font-family:var(--font-wordmark);color:var(--th-text);margin:0;font-size:22px;font-weight:600;line-height:1.1}.start-num{background:var(--th-oxblood);color:#fff;width:26px;height:26px;font-family:var(--font-sans);border-radius:7px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.start-lead{font-family:var(--font-wordmark);color:var(--th-oxblood);margin:0 0 .4rem;font-size:18px;font-weight:600;line-height:1.2}.start-lead[data-size=xl]{letter-spacing:.04em;white-space:nowrap;margin-bottom:.5rem;font-size:28px}.start-card p:not(.start-lead):not(.start-figure-tag){color:var(--th-muted);margin:0 0 .85rem;line-height:1.45}.start-path{flex-wrap:wrap;align-items:center;gap:.4rem .15rem;margin:0 0 .9rem;padding:0;list-style:none;display:flex}.start-path li{align-items:center;gap:.15rem;display:flex}.start-path-step{color:var(--th-text);white-space:nowrap;background:#57301f14;border-radius:8px;padding:.35rem .6rem;font-size:12px;font-weight:600;display:inline-block}.start-path-arrow{border-right:2px solid var(--th-copper);border-top:2px solid var(--th-copper);width:.5rem;height:.5rem;margin:0 .25rem;transform:rotate(45deg)}.start-card .video-card{box-shadow:none;background:0 0;border:0;grid-template-columns:118px minmax(0,1fr);gap:.8rem;margin-bottom:.9rem;padding:0}.start-card .video-thumb{background:#1a1210;border-radius:10px;width:100%}.start-card .video-thumb img{object-fit:cover;object-position:50% 18%;transform:none}.start-card .video-meta{min-width:0}.start-card .video-meta .video-kicker{color:var(--th-copper);font-family:var(--font-kicker);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.start-card .video-meta strong{font-family:var(--font-wordmark);color:var(--th-text);font-size:1.05rem}.video-blurb{color:var(--th-muted);margin-top:.1rem;font-size:.88rem;line-height:1.35;display:block}.start-split{grid-template-columns:1fr 1.15fr;align-items:start;gap:.9rem;margin-bottom:.85rem;display:grid}.start-card[data-feature=chords] .start-split{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.start-chords{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.start-chords figure{text-align:center;margin:0}.start-chords .chord-shape{max-width:100%;margin:0}.start-chords figcaption{font-family:var(--font-wordmark);color:var(--th-oxblood);margin-bottom:.15rem;font-size:.95rem;font-weight:700}.start-figure{gap:.55rem;display:grid}.start-figure-tag{text-align:center;color:var(--th-copper);font-family:var(--font-kicker);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.mini-fretboard,.start-thumb{border-radius:10px;width:100%;height:auto;display:block}.start-thumb-photo{object-fit:cover;object-position:50% 78%;background:#1a1210;height:96px}.btn-tight{width:100%;min-height:48px;padding:.6rem .9rem;font-size:.98rem}.start-more{gap:8px;margin:.1rem 0 0;display:grid}.start-more a{border:1px solid var(--th-border-light);min-height:56px;color:var(--th-text);box-shadow:none;background:#fffaf2e0;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:.85rem;padding:.7rem 1rem;text-decoration:none;display:grid}.start-more a:after{content:none}.start-more-icon{width:36px;height:36px;color:var(--th-oxblood);border:1.5px solid var(--th-border-medium);background:0 0;border-radius:999px;place-items:center;display:grid}.start-more-text strong{font-family:var(--font-sans);color:var(--th-text);font-size:15px;font-weight:600;display:block}.start-more-text>span{color:var(--th-muted);margin-top:.1rem;font-size:13px;font-weight:500;display:block}.start-more-go{color:var(--th-copper);place-items:center;display:grid}.btn:focus-visible,.mode-switch-btn:focus-visible,.start-subnav-link:focus-visible,.settings-button:focus-visible,.video-card:focus-visible,.learn-card:focus-visible,.start-card a:focus-visible,.picker-card:focus-visible,.string-strip-btn:focus-visible,.tuning-picker-btn:focus-visible,.led-arc-hit:focus-visible,.tuner-start-link:focus-visible,.back-link:focus-visible{outline:3px solid var(--color-wood);outline-offset:2px}.fret-note:focus{outline:none}.fret-note:focus-visible circle,.fret-note:focus-visible rect{stroke:var(--color-wood);stroke-width:3px}.back-link{color:var(--color-charcoal);align-items:center;gap:.4rem;margin-bottom:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.15rem}.panel{background:var(--color-peach);border-radius:var(--radius);padding:1rem 1.1rem}.panel-dark{background:var(--color-charcoal);color:var(--color-cream);border-radius:var(--radius-lg);padding:1.15rem 1.2rem}.hint{color:var(--color-muted);font-size:var(--text-sm)}.tuner-top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.tuner-string-name{font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:.01em;margin:.1rem 0 0}.tuner-cue{color:var(--color-charcoal);align-items:center;gap:.5rem;margin:.9rem 0 .35rem;font-weight:700;display:flex}.tuner-cue span[data-step]{background:var(--color-charcoal);width:1.5rem;height:1.5rem;color:var(--color-white);font-size:var(--text-xs);border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.neck-figure{margin:0}.neck-figure svg{width:100%;height:auto;display:block}.neck-string{cursor:pointer}.neck-string:focus{outline:none}.neck-string:focus-visible rect{fill:#fffdf81f;stroke:var(--color-wood);stroke-width:2px}.instruction{--instruction-accent:var(--color-mist);text-align:center;border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow), inset 9px 0 0 var(--instruction-accent);padding:1.1rem .9rem 1.15rem 1.4rem}.instruction h2{font-size:var(--text-hero);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.02}.instruction p{max-width:34ch;color:var(--color-muted);font-size:var(--text-sm);margin:.5rem auto 0}.instruction[data-severity=success]{background:var(--color-success-bg);--instruction-accent:var(--color-success)}.instruction[data-severity=success] h2{color:var(--color-success)}.instruction[data-severity=warning]{background:var(--color-warning-bg);--instruction-accent:var(--color-warning)}.instruction[data-severity=warning] h2{color:var(--color-warning)}.instruction[data-severity=danger]{background:var(--color-danger-bg);--instruction-accent:var(--color-danger)}.instruction[data-severity=danger] h2{color:var(--color-danger)}.instruction[data-severity=info]{background:var(--color-info-bg);--instruction-accent:var(--color-info)}.instruction[data-severity=neutral] h2{color:var(--color-charcoal)}.tuner-stage{flex-direction:column;gap:.7rem;min-height:calc(100dvh - 8.8rem);padding-bottom:.6rem;display:flex}.tuner-stage-head{text-align:center}.tuner-stage-sub{color:#f6efe4ad;margin:.2rem 0 0;font-size:13px}.tuning-picker{margin-top:.15rem;display:inline-block;position:relative}.tuning-picker-btn{appearance:none;color:var(--th-cream);font:inherit;cursor:pointer;background:0 0;border:0}.tuning-picker-btn>span{flex-direction:column;align-items:center;gap:.15rem;display:flex}.tuning-picker-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--th-gold);align-items:center;gap:.35rem;font-size:10px;font-weight:600;display:inline-flex}.tuning-picker-value{font-family:var(--font-wordmark);color:var(--th-cream);font-size:28px;font-weight:600;line-height:1}.tuning-picker-menu{z-index:8;background:var(--color-charcoal-soft);min-width:13rem;box-shadow:var(--shadow-lift), inset 0 0 0 1px #efe3cf1f;border-radius:14px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .4rem);left:50%;transform:translate(-50%)}.tuning-picker-menu li{text-align:left;border-radius:10px;padding:.55rem .7rem;display:grid}.tuning-picker-menu li[aria-selected=true]{background:var(--color-burgundy)}.tuning-picker-menu li[aria-disabled=true]{opacity:.45}.tuning-picker-menu span{font-size:var(--text-sm);color:var(--color-tan)}.tuner-cue-card{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#181513b8;border:1px solid #b9783b3d;border-radius:16px;min-height:56px;padding:.85rem .85rem .95rem}.tuner-cue-card h2{font-family:var(--font-wordmark);color:var(--th-cream);margin:0;font-size:20px;font-weight:600;line-height:1.15}.tuner-cue-card p{color:#f6efe4b8;margin:.35rem 0 0;font-size:14px}.tuner-cue-card[data-severity=success] h2{color:var(--th-success)}.tuner-cue-card[data-severity=danger]{background:#7407006b;border-color:#c44732b3}.tuner-cue-card[data-severity=danger] h2{color:#f3b8a8;letter-spacing:.02em;font-size:22px;font-weight:700}.tuner-cue-card[data-severity=warning] h2,.tuner-cue-card[data-severity=info] h2{color:var(--th-gold)}.string-strip{grid-template-columns:repeat(4,1fr);gap:7px;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.string-strip-btn{width:100%;min-height:78px;color:var(--th-cream);cursor:pointer;background:#141210ad;border:1px solid #b9783b42;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;padding:.45rem .2rem;display:flex}.string-strip-num{letter-spacing:.12em;color:var(--th-gold);font-size:10px;font-weight:700}.string-strip-note{font-family:var(--font-wordmark);letter-spacing:0;font-size:22px;font-weight:600;line-height:1}.string-strip-name{letter-spacing:.1em;text-transform:uppercase;color:var(--th-gold);font-size:9px;font-weight:700}.string-strip-btn[data-active=true]{background:#5d5c223d;border:1.5px solid #a9b347;box-shadow:0 0 12px #87924b1a}.string-strip-btn[data-active=true] .string-strip-name,.string-strip-btn[data-active=true] .string-strip-note{color:#c5ce7a}.string-strip-btn[data-ringing=true]{border-color:var(--th-gold)}.tuner-start-link{text-align:center;color:var(--th-copper);margin-top:.35rem;font-size:13px;font-weight:600;text-decoration:underline;display:block}.led-arc-hit{width:86%;max-width:28rem;color:inherit;cursor:pointer;background:0 0;border:0;margin:0 auto;padding:0;display:block}.led-arc-hit:disabled{cursor:default;opacity:1}.led-arc{width:100%;color:inherit;box-shadow:none;background:0 0;border-radius:0;margin:0 auto;padding:0;position:relative}.guided-page .led-arc{background:var(--color-charcoal);width:min(100%,22rem);color:var(--color-cream);box-shadow:var(--shadow-lift);border-radius:28px 28px 36px 36px;margin-top:1rem;padding:.55rem .55rem .7rem}.led-arc svg{width:100%;height:auto;display:block}.led-arc-rail{stroke:#f6efe424;stroke-width:2px;stroke-linecap:round}.led-arc-needle{stroke:#d6ad69;stroke-width:3.2px;stroke-linecap:round}.led-dot{fill:#d6ad69}.led-arc-readout{text-align:center;pointer-events:none;min-width:8rem;position:absolute;top:54%;left:50%;transform:translate(-50%,-42%)}.led-arc-note{font-family:var(--font-wordmark);letter-spacing:-.03em;color:var(--th-cream);margin:0;font-size:clamp(72px,20vw,96px);font-weight:600;line-height:.86}.led-arc-note[data-idle=true]{opacity:.28;font-size:1.4rem;font-weight:500;line-height:1}.led-arc[data-severity=danger] .led-arc-note{color:#e8a090}.led-arc-scientific{font-family:var(--font-wordmark);color:var(--th-cream);margin:.08rem 0 0;font-size:30px;font-weight:500;line-height:1}.led-arc-caption{letter-spacing:.14em;text-transform:uppercase;color:var(--th-gold);margin:.35rem 0 0;font-size:13px;font-weight:600}.led-arc-status{letter-spacing:.06em;text-transform:uppercase;color:var(--th-gold);margin:.4rem 0 0;font-size:13px;font-weight:700}.led-arc-status[data-severity=success]{color:var(--th-success)}.led-arc-status[data-severity=danger]{color:var(--th-danger)}.led-arc-cents,.led-arc-hz{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.led-arc-ends{letter-spacing:.08em;text-transform:uppercase;color:#f6efe48c;justify-content:space-between;align-items:center;margin-top:-.35rem;padding:0 .35rem;font-size:11px;font-weight:600;display:flex}.led-arc-intune[data-lit=true]{color:var(--th-success)}.tuner-targets{grid-template-columns:1fr 1fr 1fr;gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.tuner-target{border-radius:var(--radius);background:var(--color-white);width:100%;box-shadow:inset 0 0 0 1.5px var(--color-mist);color:inherit;text-align:left;cursor:pointer;border:0;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.7rem .7rem .65rem;display:flex}.tuner-target strong{font-size:var(--text-sm)}.tuner-target span{font-size:var(--text-sm);color:var(--color-muted)}.tuner-target-hear{align-items:center;gap:.25rem;margin-top:.35rem;font-weight:700;display:inline-flex;color:var(--color-burgundy)!important}.tuner-target[data-active=true]{box-shadow:inset 0 0 0 2px var(--color-wood)}.tuner-target[data-lit=true]{background:var(--color-success-bg);box-shadow:inset 0 0 0 2px var(--color-success)}.guided-page .instruction,.guided-page .neck-figure{margin-top:.85rem}.step-pills{gap:.35rem;margin:.85rem 0 0;display:flex}.step-pills span{background:var(--color-mist);border-radius:999px;flex:1;height:.4rem}.step-pills span[data-done=true]{background:var(--color-success)}.step-pills span[data-current=true]{background:var(--color-burgundy)}.complete-mark{background:var(--color-success);width:2.6rem;height:2.6rem;color:var(--color-white);border-radius:999px;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:inline-flex}.video-card{text-align:left;background:var(--color-white);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);cursor:pointer;color:inherit;border:0;grid-template-columns:128px 1fr;align-items:center;gap:.9rem;padding:.6rem;text-decoration:none;display:grid}.video-card:hover{box-shadow:var(--shadow-lift)}.video-thumb{aspect-ratio:16/9;background:var(--color-mist);border-radius:10px;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-play{place-items:center;display:grid;position:absolute;inset:0}.video-play span{color:#fff;background:#1d1a1bc7;border-radius:999px;place-items:center;width:34px;height:34px;padding-left:3px;display:grid}.video-meta strong{font-size:var(--text-base);display:block}.video-meta .video-kicker{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-wood-dark);margin-bottom:.15rem;font-weight:800;display:block}.video-meta .video-duration{font-size:var(--text-sm);color:var(--color-muted)}.learn-grid{gap:.85rem;display:grid}.learn-card{border-radius:var(--radius);background:var(--color-white);box-shadow:var(--shadow);color:inherit;grid-template-columns:108px 1fr;align-items:stretch;gap:0;text-decoration:none;display:grid;overflow:hidden}.learn-card:hover{box-shadow:var(--shadow-lift)}.learn-card img{object-fit:cover;width:100%;height:100%;display:block}.learn-card-body{padding:.85rem 1rem}.learn-card-body h2{font-size:var(--text-lg);margin:0 0 .2rem}.learn-card-body p{font-size:var(--text-sm);color:var(--color-muted);margin:0}.learn-card-body .learn-flag{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-burgundy);margin-top:.4rem;font-weight:800;display:inline-block}.chord-grid{gap:.9rem;display:grid}@media (width>=700px){.chord-grid,.learn-grid{grid-template-columns:1fr 1fr}}.chord-card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem 1.1rem}.chord-card h2{font-size:var(--text-2xl);margin:0}.chord-shape{width:100%;max-width:220px;height:auto;margin:.5rem auto .75rem;display:block}.chord-frets{font-size:var(--text-sm);flex-wrap:wrap;gap:.35rem .75rem;margin:0 0 .5rem;padding:0;font-weight:700;list-style:none;display:flex}.chord-frets li span{color:var(--color-muted);font-weight:600}.chord-card .btn-row .btn{flex:100%}@media (width>=520px){.chord-card .btn-row .btn{flex:0 auto}}.chord-modal-backdrop{z-index:80;background:#1c100c85;align-items:end;padding:.75rem;display:grid;position:fixed;inset:0}.chord-modal{background:var(--th-cream);border-radius:18px 18px 14px 14px;width:min(100%,28rem);max-height:min(92dvh,52rem);margin:0 auto;padding:1rem 1rem 1.15rem;overflow:auto;box-shadow:0 -8px 32px #1c100c38}.chord-modal-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.7rem;display:flex}.chord-modal-head h2{font-family:var(--font-wordmark);color:var(--th-oxblood);margin:0;font-size:1.55rem}.chord-modal-head p{color:var(--th-text);margin:.2rem 0 0;font-size:.92rem;font-weight:700}@media (width>=700px){.chord-modal-backdrop{align-items:center}.chord-modal{border-radius:16px}}.neck-frame{position:relative}.neck-scroll{padding-bottom:.15rem}.neck-scroll svg{width:min(100%,22rem);height:auto;margin-inline:auto;display:block}.fret-note{cursor:pointer}.picker-grid{gap:.6rem;margin:.9rem 0;display:grid}@media (width>=560px){.picker-grid{grid-template-columns:repeat(3,1fr)}}.picker-card{text-align:left;background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;color:inherit;border:2px solid #0000;padding:.8rem .9rem}.picker-card[aria-pressed=true]{border-color:var(--color-burgundy)}.picker-card strong{display:block}.picker-card span{font-size:var(--text-sm);color:var(--color-muted)}.offline-banner{background:var(--color-charcoal);color:var(--color-cream);text-align:center;font-size:var(--text-sm);padding:.4rem .75rem}.app-footer{border-top:1px solid var(--color-mist);font-size:var(--text-sm);gap:1rem;margin-top:2.5rem;padding-top:1rem;display:flex}.app-footer a{color:var(--color-muted);font-weight:600;text-decoration:none}.steps{padding-left:1.25rem}.steps li{margin-bottom:.6rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}