:root{color-scheme:dark;font-family:var(--font-body);line-height:1.5;font-weight:400;color:#edf7ff;background:#050b10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "DIN Condensed", "Avenir Next Condensed", "Arial Narrow", sans-serif;--font-body: "Avenir Next", "Helvetica Neue", sans-serif;--font-mono: "SFMono-Regular", "Menlo", "Monaco", monospace;--gm-ink: #05080b;--gm-night: #081019;--gm-graphite: #111a21;--gm-slate: #2d4350;--gm-steel: #7893a3;--gm-paper: #f4fafc;--gm-muted: #c7d8df;--gm-signal: #4de1ff;--gm-guide: #ffb84a;--gm-tuned: #73f2b8;--gm-coral: #ff7666;--panel-bg: linear-gradient(180deg, rgba(17, 26, 33, .96), rgba(8, 16, 25, .98));--panel-border: rgba(120, 147, 163, .22);--panel-shadow: 0 24px 52px rgba(2, 7, 12, .42);--module-bg: linear-gradient(180deg, rgba(17, 26, 33, .96), rgba(8, 16, 25, .98));--module-border: rgba(120, 147, 163, .16);--accent: var(--gm-signal);--accent-strong: #95f5ff;--accent-soft: rgba(77, 225, 255, .16);--signal-ok: var(--gm-tuned);--signal-warn: var(--gm-guide);--signal-hot: var(--gm-coral);--signal-blue: #63a9ff;--text-muted: rgba(199, 216, 223, .76);--text-faint: rgba(199, 216, 223, .5);--text-dim: rgba(199, 216, 223, .62);--wood-dark: #0c1418;--wood-light: #1c2a31;--string-line: rgba(165, 196, 217, .18)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;position:relative;background:radial-gradient(circle at 12% 0%,rgba(77,225,255,.15),transparent 28%),radial-gradient(circle at 86% 2%,rgba(255,184,74,.12),transparent 20%),linear-gradient(180deg,var(--gm-ink) 0%,var(--gm-night) 34%,#02060b 100%)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 96px),repeating-linear-gradient(180deg,rgba(255,255,255,.014) 0,rgba(255,255,255,.014) 1px,transparent 1px,transparent 96px);opacity:.24}body:after{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%,transparent 82%,rgba(255,255,255,.03));opacity:.16}#root{position:relative;isolation:isolate}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-lockup{display:inline-flex;align-items:center;max-width:100%}.brand-lockup img{display:block;width:100%;height:auto}.brand-lockup-horizontal{width:min(25rem,100%)}.brand-lockup-symbol{width:3.2rem}button,input,select{font:inherit}.app-shell{width:min(1500px,calc(100vw - 1.25rem));margin:0 auto;padding:1rem 0 2.4rem}.panel{position:relative;overflow:hidden;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:18px;box-shadow:var(--panel-shadow),inset 0 1px #ffffff0d,inset 0 0 0 1px #00000038}.panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(149,245,255,.38),transparent)}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 32%),repeating-linear-gradient(90deg,transparent 0,transparent 15px,rgba(255,255,255,.014) 16px);opacity:.22}.panel>*{position:relative;z-index:1}.app-header{margin-bottom:.72rem}.app-header-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem;padding:.72rem .2rem .1rem}.app-header-brand{display:grid;gap:.22rem;min-width:0}.app-brand-lockup{width:min(21rem,100%)}.app-header h1{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,2.2vw,1.95rem);line-height:.94;letter-spacing:.08em;text-transform:uppercase}.app-kicker,.rack-label,.stat-label,.eyebrow{margin:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:.67rem;color:var(--signal-warn)}.app-subtitle,.eyebrow{color:var(--text-muted)}.app-subtitle{max-width:54ch;font-size:.82rem;line-height:1.3}.app-header-meta{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:flex-end;min-width:0}.app-header-chip{display:inline-flex;align-items:center;gap:.42rem;min-height:2rem;max-width:min(100%,25rem);padding:.32rem .56rem;border-radius:10px;border:1px solid rgba(123,158,178,.16);background:linear-gradient(180deg,#0c1218f5,#080c12f5);box-shadow:inset 0 1px #ffffff08,inset 0 0 0 1px #00000029}.app-header-chip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.78rem;line-height:1;letter-spacing:.04em;color:#f3fbff}.app-header-chip-wide{min-width:min(26rem,100%)}.app-header-chip.is-live strong{color:var(--signal-ok);text-shadow:0 0 12px rgba(113,241,185,.18)}.session-bar{display:grid;gap:.68rem;padding:.8rem .9rem}.session-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.72rem}.session-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.58rem}.session-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.55rem}.instrument-select-field{min-width:13rem}.instrument-select-field select{min-width:100%}.view-switcher{display:inline-flex;flex-wrap:wrap;gap:.28rem;padding:.2rem;border-radius:12px;background:#070c12f0;border:1px solid rgba(123,158,178,.16);box-shadow:inset 0 1px #ffffff08}.view-tab{border:1px solid transparent;border-radius:9px;min-width:5.4rem;padding:.5rem .72rem;font-family:var(--font-display);font-size:.82rem;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:linear-gradient(180deg,#10171ecc,#0a0f15e6);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.view-tab:hover{transform:translateY(-1px);border-color:#61ddff2e;color:#f4fbff}.view-tab.active{border-color:#61ddff66;color:var(--accent-strong);background:linear-gradient(180deg,#111f2af5,#0b1117f5),radial-gradient(circle at top,rgba(97,221,255,.16),transparent 52%);box-shadow:inset 0 0 0 1px #61ddff1a,0 0 0 1px #61ddff1a,0 12px 22px #06101847}.session-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.4rem,1fr));gap:.45rem}.session-mini-card,.note-summary-block,.song-mini-card{display:grid;gap:.2rem;padding:.58rem .66rem;border-radius:14px;border:1px solid var(--module-border);background:linear-gradient(180deg,#0e141bfa,#090e14fa),linear-gradient(135deg,rgba(97,221,255,.06),transparent 44%);box-shadow:inset 0 1px #ffffff0a}.session-mini-card strong,.song-mini-card strong,.note-summary-block strong,.mini-metric strong{font-family:var(--font-display);font-size:.98rem;line-height:.95;letter-spacing:.06em;text-transform:uppercase}.practice-layout{display:grid;gap:.8rem;margin-top:.95rem}.song-focus-layout{gap:.72rem}.note-summary-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.75rem}.panel-heading h2{margin:.12rem 0 .32rem;font-family:var(--font-display);font-size:1.6rem;line-height:.96;letter-spacing:.06em;text-transform:uppercase}.panel-copy{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.44}.control-panel,.audio-panel,.practice-guide-panel,.fretboard-panel,.song-practice-panel{padding:1rem}.field-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-top:.8rem}.field{display:grid;gap:.38rem}.field span{font-family:var(--font-mono);font-size:.69rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.field select,.field input[type=file]{border:1px solid rgba(123,158,178,.18);border-radius:12px;min-height:2.72rem;padding:.62rem .78rem;color:#edf7ff;background:linear-gradient(180deg,#090e14fa,#070b11fa),linear-gradient(135deg,rgba(255,255,255,.03),transparent 50%);box-shadow:inset 0 1px #ffffff08,inset 0 0 0 1px #0003;outline:none}.field input[type=file]::file-selector-button{margin-right:.8rem;border:0;border-radius:10px;padding:.56rem .84rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#091018;background:linear-gradient(180deg,#ffbf59f5,#ed9a43f5);cursor:pointer}.field select:focus,.field input[type=file]:focus{border-color:#61ddff80;box-shadow:0 0 0 4px #61ddff1f,inset 0 0 0 1px #61ddff1f}.field select:disabled{opacity:.58;cursor:not-allowed}.target-selector{display:flex;flex-wrap:wrap;gap:.52rem;margin-top:.75rem}.audio-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,17rem);gap:.72rem;align-items:end}.audio-toolbar .target-selector{margin-top:0}.audio-input-field{min-width:0}.audio-input-field select{width:100%}.target-chip{border:1px solid rgba(123,158,178,.16);border-radius:10px;padding:.46rem .74rem;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:linear-gradient(180deg,#0c1218f5,#080c12f5);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.target-chip:hover{transform:translateY(-1px);border-color:#61ddff3d;color:#f1f9ff}.target-chip.selected{border-color:#61ddff6b;background:linear-gradient(180deg,#111d26fa,#0a0f15fa),radial-gradient(circle at top,rgba(97,221,255,.14),transparent 56%);color:var(--accent-strong);box-shadow:inset 0 0 0 1px #61ddff1f}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.46rem .78rem;border-radius:10px;border:1px solid rgba(123,158,178,.16);background:linear-gradient(180deg,#0c1218f5,#080c12f5);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.status-pill:before{content:"";width:.54rem;height:.54rem;border-radius:999px;background:#d1e1ec3d;box-shadow:0 0 0 1px #d1e1ec14}.status-pill.listening{color:#eefff9;border-color:#71f1b93d;background:linear-gradient(180deg,#0c1412f5,#070d0cf5),radial-gradient(circle at top,rgba(113,241,185,.15),transparent 54%)}.status-pill.listening:before{background:var(--signal-ok);box-shadow:0 0 12px #71f1b96b}.status-pill.error,.status-pill.unsupported{color:#ffd8d1;border-color:#ff7c683d;background:linear-gradient(180deg,#1a1010f5,#0f0a0bf5)}.status-pill.error:before,.status-pill.unsupported:before{background:var(--signal-hot);box-shadow:0 0 12px #ff7c685c}.status-pill.requesting{color:#e5fbff;border-color:#61ddff38;background:linear-gradient(180deg,#0b161cf5,#070d12f5)}.status-pill.requesting:before{background:var(--accent);box-shadow:0 0 12px #61ddff61}.primary-button,.secondary-button{min-height:2.72rem;padding:.68rem 1rem;border-radius:12px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease,color .18s ease}.primary-button{border:1px solid rgba(255,191,89,.28);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#081018;background:linear-gradient(180deg,#ffbf59fa,#ef9841fa),linear-gradient(135deg,rgba(255,255,255,.18),transparent 56%);box-shadow:0 14px 24px #ffad4829,inset 0 1px #fff8e561}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 30px #ffad4833,inset 0 1px #fff8e56b}.primary-button:disabled{opacity:.56;cursor:wait}.secondary-button{border:1px solid rgba(123,158,178,.18);color:#edf7ff;background:linear-gradient(180deg,#0d131af5,#080c12f5),linear-gradient(135deg,rgba(97,221,255,.06),transparent 52%);box-shadow:inset 0 1px #ffffff08}.secondary-button:hover{transform:translateY(-1px);border-color:#61ddff47;color:#f7fcff;background:linear-gradient(180deg,#0f161ef5,#090d13f5),linear-gradient(135deg,rgba(97,221,255,.09),transparent 54%)}.secondary-button:disabled,.tertiary-button:disabled,.target-chip:disabled{opacity:.5;cursor:not-allowed}.tertiary-button{border:0;padding:.62rem .2rem;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:transparent;cursor:pointer;transition:color .18s ease,transform .18s ease}.tertiary-button:hover{color:var(--accent-strong);transform:translateY(-1px)}.session-button{padding-inline:1.05rem}@keyframes meter-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-header-bar,.app-header-chip,.session-bar,.audio-panel,.control-panel,.practice-guide-panel,.fretboard-panel,.song-practice-panel{animation:meter-rise .52s ease both}.app-header-chip:nth-child(1){animation-delay:60ms}.app-header-chip:nth-child(2){animation-delay:.12s}.app-header-chip:nth-child(3){animation-delay:.18s}.practice-guide-inline,.practice-guide-header,.practice-guide-layout{display:grid;gap:.55rem}.practice-guide-inline,.practice-guide-header{grid-template-columns:minmax(0,1fr) auto;align-items:center}.practice-guide-layout{grid-template-columns:minmax(0,1.1fr) repeat(4,minmax(0,.72fr));margin-top:.7rem}.practice-guide-inline-copy,.practice-target-main{display:grid;gap:.25rem}.practice-target-card,.guide-metric{display:grid;gap:.24rem;padding:.8rem;border-radius:14px;border:1px solid var(--module-border);background:linear-gradient(180deg,#0e141bfa,#090e14fa),linear-gradient(135deg,rgba(97,221,255,.05),transparent 46%);box-shadow:inset 0 1px #ffffff0a}.practice-target-card strong{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.9rem);line-height:.84;letter-spacing:.08em;text-transform:uppercase}.practice-target-card.is-matched{border-color:#71f1b952;background:linear-gradient(180deg,#101e19f5,#080e0dfa),radial-gradient(circle at top,rgba(113,241,185,.14),transparent 56%)}.practice-target-card.timing-early{border-color:#61ddff52;background:linear-gradient(180deg,#0b1a21f5,#080e13fa),radial-gradient(circle at top,rgba(97,221,255,.12),transparent 56%)}.practice-target-card.timing-correct{border-color:#71f1b952}.practice-target-card.timing-late{border-color:#ffbf594d;background:linear-gradient(180deg,#1f160df5,#120d09fa),radial-gradient(circle at top,rgba(255,191,89,.12),transparent 56%)}.practice-target-card.timing-missed{border-color:#ff7c6847;background:linear-gradient(180deg,#1c1010f5,#100a0bfa),radial-gradient(circle at top,rgba(255,124,104,.11),transparent 56%)}.practice-guide-copy,.guide-metric>span:last-child{margin:0;color:var(--text-muted)}.guide-metric strong{font-family:var(--font-display);font-size:1.15rem;line-height:.94;letter-spacing:.06em;text-transform:uppercase}.practice-guide-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.practice-toggle-chip{padding:.64rem .86rem}.practice-guide-actions .primary-button,.practice-guide-actions .secondary-button{padding:.62rem .86rem}.practice-config-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.55rem}.practice-guide-briefing{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr);gap:.6rem;margin-top:.6rem}.practice-guide-brief,.practice-guide-sequence-card{align-content:start}.practice-sequence-pills,.practice-target-pills,.song-track-diagnostics{display:flex;flex-wrap:wrap;gap:.22rem}.song-practice-panel{display:grid;gap:.8rem}.song-practice-panel.is-loaded{gap:.6rem;padding:.85rem}.song-practice-panel.is-loaded .practice-guide-header{gap:.6rem}.song-practice-panel.is-loaded .panel-heading h2{margin:.15rem 0 .2rem;font-size:1.18rem}.song-practice-panel.is-loaded .panel-copy{font-size:.84rem}.song-upload-row{min-width:min(22rem,100%)}.song-upload-row .field{min-width:0}.song-meta-strip,.song-config-grid{display:grid;gap:.75rem}.song-meta-inline{display:flex;flex-wrap:wrap;gap:.35rem}.song-meta-token{display:inline-flex;align-items:center;gap:.35rem;min-height:1.8rem;padding:.3rem .64rem;border-radius:10px;border:1px solid rgba(123,158,178,.16);background:linear-gradient(180deg,#0c1218f5,#080c12f5),linear-gradient(135deg,rgba(97,221,255,.06),transparent 54%);color:var(--text-muted);font-family:var(--font-mono);font-size:.73rem;letter-spacing:.04em}.song-meta-token strong{color:#f4fbff;font-family:var(--font-display);font-size:.96rem;letter-spacing:.06em;text-transform:uppercase}.song-meta-token-accent{color:#091018;border-color:#ffbf5942;background:linear-gradient(180deg,#ffbf59f5,#ed9a43f5)}.song-meta-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.song-config-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.song-practice-panel.is-loaded .song-config-grid{gap:.45rem}.song-practice-panel.is-loaded .field span{font-size:.74rem}.song-practice-panel.is-loaded .field select,.song-practice-panel.is-loaded .field input[type=file]{min-height:2.4rem;padding:.52rem .66rem}.song-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center}.song-practice-panel.is-loaded .song-toolbar{gap:.45rem}.song-practice-panel.is-loaded .song-toolbar .primary-button,.song-practice-panel.is-loaded .song-toolbar .secondary-button{padding:.56rem .78rem}.song-practice-panel.is-loaded .song-toolbar .target-chip,.song-practice-panel.is-loaded .song-toolbar .tertiary-button{padding-top:.36rem;padding-bottom:.36rem;font-size:.8rem}.song-track-diagnostics{margin-top:-.08rem}.song-loop-copy{display:grid;gap:.25rem;justify-items:end}.song-loop-copy strong{font-family:var(--font-display);font-size:1rem;letter-spacing:.06em;text-transform:uppercase}.song-timeline{display:grid;gap:.35rem}.song-timeline-track{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.08rem;padding:0;border-radius:999px;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#070c12fa,#0c1218f0),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 14px);border:1px solid rgba(123,158,178,.16);box-shadow:inset 0 1px #ffffff08}.song-timeline-track:hover{border-color:#61ddff3d}.song-timeline-track:focus-visible{outline:none;border-color:#61ddff6b;box-shadow:0 0 0 4px #61ddff1f}.song-timeline-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--song-progress, 0%);background:linear-gradient(90deg,#61ddffe0,#71f1b9db),repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 1px,transparent 1px,transparent 14px)}.song-bar-marker{position:absolute;top:-.15rem;bottom:-.15rem;width:1px;background:#b3c6d32e;transform:translate(-50%)}.song-bar-label{position:absolute;top:-1.1rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;color:var(--text-faint)}.song-playhead,.song-loop-marker{position:absolute;top:-.2rem;bottom:-.2rem;width:.2rem;border-radius:999px;transform:translate(-50%)}.song-playhead{left:var(--song-progress, 0%);background:var(--signal-warn);box-shadow:0 0 0 2px #050b108f,0 0 18px #ffbf5961}.song-loop-marker{background:#d1e1ec6b}.song-loop-start{box-shadow:0 0 0 2px #63a9ff2e}.song-loop-end{box-shadow:0 0 0 2px #ffbf592e}.song-timeline-times{display:flex;justify-content:space-between;color:var(--text-muted);font-family:var(--font-mono);font-size:.76rem}.song-count-in-card{display:grid;gap:.25rem;justify-items:center;padding:.68rem;border-radius:14px;border:1px solid rgba(255,191,89,.24);background:linear-gradient(180deg,#1f160df5,#120d09fa),radial-gradient(circle at top,rgba(255,191,89,.12),transparent 54%)}.song-count-in-card strong{font-size:clamp(2rem,6vw,3rem);line-height:.84;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}.song-track-visualizer{display:grid;gap:.45rem;padding:.7rem;border-radius:14px;border:1px solid var(--module-border);background:linear-gradient(180deg,#0e141bfa,#090e14fa),linear-gradient(135deg,rgba(97,221,255,.05),transparent 46%);box-shadow:inset 0 1px #ffffff0a}.song-track-visualizer-topline{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center}.song-track-label-group{display:grid;gap:.06rem}.song-track-visualizer h3{margin:0;font-family:var(--font-display);font-size:1.04rem;letter-spacing:.06em;text-transform:uppercase}.song-track-scale-inline,.scale-degree-palette{display:flex;flex-wrap:wrap;gap:.42rem}.song-track-scale-inline{justify-content:flex-end;min-width:0}.song-scale-badge{display:inline-flex;align-items:center;min-height:2rem;padding:.34rem .7rem;border-radius:11px;border:1px solid rgba(123,158,178,.18);background:linear-gradient(180deg,#0d141bfa,#080d13fa);color:#f1fbff;font-family:var(--font-body);font-size:.84rem;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff08,0 10px 18px #03080c24}.scale-degree-chip{display:inline-flex;align-items:center;gap:.42rem;min-height:2rem;padding:.24rem .58rem;border-radius:11px;border:1px solid rgba(var(--degree-accent),.36);background:linear-gradient(180deg,rgba(var(--degree-accent),.24),#080c12e6),rgba(var(--degree-accent),.14);box-shadow:inset 0 0 0 1px rgba(var(--degree-accent),.14),0 10px 18px #03080c2e}.scale-degree-chip strong,.scale-degree-chip span{line-height:1}.scale-degree-chip strong{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:1.35rem;padding:0 .34rem;border-radius:999px;background:#060a0f6b;box-shadow:inset 0 0 0 1px #f2f9ff12;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f2f9ffeb}.scale-degree-chip span{font-family:var(--font-body);font-size:1rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:rgb(var(--degree-accent));text-shadow:0 0 14px rgba(var(--degree-accent),.18)}.scale-degree-chip.is-root{box-shadow:inset 0 0 0 1px rgba(var(--degree-accent),.14),0 0 0 1px #ff7c686b,0 10px 18px #03080c2e}.song-tab-shell{display:grid;gap:.3rem}.song-tab-row{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.35rem}.song-tab-strings-column,.song-tab-bar-staff{display:grid;grid-template-rows:1.2rem repeat(var(--song-tab-strings, 4),1.45rem)}.song-tab-strings-spacer{min-height:1.2rem}.song-tab-string-label{display:grid;align-items:center;justify-items:center;color:var(--text-faint);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em}.song-tab-bars-grid{display:grid;grid-template-columns:repeat(var(--song-tab-bars, 4),10.5rem);gap:0}.song-tab-bar{position:relative;min-width:10.5rem}.song-tab-bar.is-current .song-tab-bar-number{color:var(--signal-warn)}.song-tab-bar.is-current .song-tab-string-track{background:#61ddff08}.song-tab-bar-number{display:grid;align-items:center;min-height:1.2rem;padding-left:.24rem;color:var(--text-faint);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;font-weight:600}.song-tab-bar-staff{border-top:1px solid rgba(123,158,178,.28);border-left:1px solid rgba(123,158,178,.18);border-right:1px solid rgba(123,158,178,.18)}.song-tab-string-track{position:relative;border-bottom:1px solid rgba(123,158,178,.28)}.song-tab-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:.2rem;scroll-behavior:smooth}.song-tab-beat-guide{position:absolute;top:-1px;bottom:-1px;width:1px;background:#7b9eb229;transform:translate(-50%)}.song-tab-event-cluster{position:absolute;top:50%;transform:translateY(-50%)}.song-tab-sustain{position:absolute;left:.9rem;top:50%;height:1px;background:#b3c6d361;transform:translateY(-50%)}.song-tab-sustain.continues:after{content:"";position:absolute;right:-.15rem;top:50%;width:.38rem;height:.38rem;border-top:1px solid rgba(179,198,211,.38);border-right:1px solid rgba(179,198,211,.38);transform:translateY(-50%) rotate(45deg)}.song-tab-note{position:absolute;left:0;top:0;transform:translateY(-50%);min-width:1.1rem;padding:0 .18rem;border:1px solid rgba(123,158,178,.14);border-radius:7px;background:linear-gradient(180deg,#0d131afa,#080c12f5);color:#edf7ff;font-family:var(--font-mono);font-size:.9rem;font-weight:700;line-height:1;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.song-tab-note:hover{color:#fff;transform:translateY(calc(-50% - 1px));border-color:#61ddff38}.song-tab-note:focus-visible{outline:none;color:#fff;box-shadow:0 0 0 3px #61ddff24}.song-tab-note.resolved-correct{color:var(--signal-ok)}.song-tab-note.resolved-early{color:var(--accent)}.song-tab-note.resolved-late{color:var(--signal-warn)}.song-tab-note.resolved-missed{color:var(--signal-hot)}.song-tab-note.is-target{color:#071018;background:linear-gradient(180deg,#ffbf59fa,#ed9a43fa);border-color:#ffbf593d;box-shadow:0 0 0 2px #ffbf592e}.song-tab-note.is-upcoming{color:#c8f6ff}.song-inline-message,.song-empty{color:var(--text-muted)}.song-inline-message{margin:0;font-size:.94rem}.song-inline-compact{font-size:.72rem;line-height:1.22}.song-status-strip{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:.35rem;align-items:start}.song-target-card{gap:.08rem;padding:.44rem .58rem;align-content:center}.song-target-card strong{font-family:var(--font-display);font-size:clamp(1.02rem,1.9vw,1.32rem);line-height:.96;letter-spacing:.06em;text-transform:uppercase}.song-target-card .stat-label{font-size:.64rem;letter-spacing:.11em}.song-target-card .practice-target-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:.16rem .42rem}.song-target-card .practice-target-main span{font-size:.8rem;line-height:1.15}.song-target-pills{display:flex;flex-wrap:wrap;gap:.22rem;margin-top:.04rem}.song-inline-pill{display:inline-flex;align-items:center;min-height:1.34rem;padding:.14rem .46rem;border-radius:8px;border:1px solid rgba(123,158,178,.16);background:linear-gradient(180deg,#0c1218f5,#080c12f5);color:var(--text-muted);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;line-height:1}.song-inline-pill-accent{color:#091018;border-color:#ffbf593d;background:linear-gradient(180deg,#ffbf59f5,#ed9a43f5)}.song-inline-pill-warning{color:#ffe6e1;border-color:#ff7c6842;background:linear-gradient(180deg,#221211fa,#120b0bfa)}.song-status-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.song-compact-metric{gap:.05rem;padding:.38rem .5rem;min-height:0;align-content:center}.song-compact-metric strong{font-family:var(--font-display);font-size:.88rem;line-height:.98;letter-spacing:.06em;text-transform:uppercase}.song-compact-metric .stat-label{font-size:.6rem;letter-spacing:.1em}.song-compact-metric span:last-child{display:none}.song-inline-message strong{color:#f5fcff}.song-empty{padding:1rem 1.05rem;border-radius:14px;border:1px dashed rgba(123,158,178,.18);background:linear-gradient(180deg,#0c1218eb,#090e14f5),linear-gradient(135deg,rgba(97,221,255,.05),transparent 54%)}.audio-readout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.7rem;margin-top:.75rem}.note-lockup,.mini-metric{display:grid;gap:.25rem;padding:.8rem;border-radius:14px;border:1px solid var(--module-border);background:linear-gradient(180deg,#0e141bfa,#090e14fa),linear-gradient(135deg,rgba(97,221,255,.05),transparent 46%);box-shadow:inset 0 1px #ffffff0a}.note-lockup strong{font-size:clamp(2.2rem,5vw,3rem);line-height:.84;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}.note-lockup span:last-child,.mini-metric span:last-child,.audio-message{color:var(--text-muted)}.audio-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.mini-metric span:last-child{color:var(--text-muted)}.tuner-panel{display:grid;gap:.7rem;margin-top:.8rem;padding:.85rem;border-radius:14px;border:1px solid rgba(123,158,178,.18);background:linear-gradient(180deg,#090e14fa,#070b11fa),radial-gradient(circle at top left,rgba(97,221,255,.08),transparent 42%);box-shadow:inset 0 1px #ffffff0a}.tuner-header{display:grid;gap:.3rem}.tuner-header strong{font-family:var(--font-display);font-size:1.22rem;line-height:.94;letter-spacing:.06em;text-transform:uppercase}.tuner-meter{display:grid;gap:.55rem}.tuner-scale{display:grid;grid-template-columns:repeat(5,1fr);color:var(--text-faint);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em}.tuner-scale span:nth-child(3){text-align:center}.tuner-scale span:last-child{text-align:right}.tuner-track{position:relative;height:1.08rem;border-radius:999px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 14px),linear-gradient(90deg,#ff7c68d1,#ffbf59cc 28%,#71f1b9d6,#ffbf59cc 72%,#ff7c68d1),linear-gradient(180deg,#070c12e6,#0a0f15f5);box-shadow:inset 0 0 0 1px #050b1061}.tuner-center-band{position:absolute;left:50%;top:0;bottom:0;width:14%;transform:translate(-50%);background:#ffffff2e;box-shadow:inset 1px 0 #ffffff2e,inset -1px 0 #ffffff2e}.tuner-needle{position:absolute;left:var(--tuner-needle-position, 50%);top:-.3rem;bottom:-.3rem;width:.24rem;border-radius:999px;transform:translate(-50%);background:#f8fbff;box-shadow:0 0 0 2px #050b108a,0 0 14px #f8fbff38}.tuner-readout{display:grid;gap:.2rem}.tuner-readout strong{font-family:var(--font-display);font-size:1.22rem;line-height:.94;letter-spacing:.06em;text-transform:uppercase}.audio-message{margin:.95rem 0 0;font-size:.94rem}.audio-message.is-error{color:#ffd0c8}.legend{display:flex;flex-wrap:wrap;gap:.55rem;margin:.8rem 0}.legend-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .62rem;border-radius:10px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;background:linear-gradient(180deg,#0c1218f5,#080c12f5);border:1px solid rgba(123,158,178,.16)}.legend-chip:before{content:"";width:.8rem;height:.8rem;border-radius:3px;display:inline-block}.legend-chip.root:before{background:var(--signal-hot)}.legend-chip.neutral:before{background:#b2c6d36b;box-shadow:inset 0 0 0 1px #b2c6d329}.legend-chip.active:before{background:var(--signal-warn)}.legend-chip.guide:before{background:var(--signal-ok);box-shadow:0 0 0 2px #71f1b92e}.legend-chip.song:before{background:#7ef3da;box-shadow:0 0 0 2px #6fe3c329}.fretboard-scale-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.48rem;margin:-.15rem 0 .65rem}.fretboard-scale-badge{display:inline-flex;align-items:center;min-height:2rem;padding:.34rem .7rem;border-radius:11px;border:1px solid rgba(123,158,178,.18);background:linear-gradient(180deg,#0d141bfa,#080d13fa);color:#f1fbff;font-family:var(--font-body);font-size:.84rem;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff08,0 10px 18px #03080c24}.fretboard-degree-palette{display:flex;flex-wrap:wrap;gap:.42rem}.fretboard-degree-chip{display:inline-flex;align-items:center;gap:.42rem;min-height:2rem;padding:.24rem .58rem;border-radius:11px;border:1px solid rgba(var(--degree-accent),.36);background:linear-gradient(180deg,rgba(var(--degree-accent),.24),#080c12e6),rgba(var(--degree-accent),.14);box-shadow:inset 0 0 0 1px rgba(var(--degree-accent),.14),0 10px 18px #03080c2e}.fretboard-degree-chip strong,.fretboard-degree-chip span{line-height:1}.fretboard-degree-chip strong{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:1.35rem;padding:0 .34rem;border-radius:999px;background:#060a0f6b;box-shadow:inset 0 0 0 1px #f2f9ff12;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f2f9ffeb}.fretboard-degree-chip span{font-family:var(--font-body);font-size:1rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:rgb(var(--degree-accent));text-shadow:0 0 14px rgba(var(--degree-accent),.18)}.fretboard-degree-chip.is-root{box-shadow:inset 0 0 0 1px rgba(var(--degree-accent),.14),0 0 0 1px #ff7c686b,0 10px 18px #03080c2e}.song-fretboard-panel{padding:.72rem}.fretboard-shell{overflow-x:auto;padding-bottom:.25rem}.fretboard-grid{display:grid;grid-template-columns:5.8rem repeat(calc(var(--fret-columns) - 1),minmax(4.2rem,1fr));gap:.45rem;min-width:1000px}.corner-label,.fret-label,.string-label,.note-cell{min-height:4.3rem}.corner-label,.fret-label{display:grid;place-items:center;color:var(--text-faint);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em}.string-row{display:contents}.string-label{display:grid;align-content:center;justify-items:start;gap:.16rem;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.72rem;border-radius:14px;background:linear-gradient(180deg,#0e141bfa,#090e14fa),linear-gradient(135deg,rgba(97,221,255,.06),transparent 54%);border:1px solid rgba(123,158,178,.16);color:#f2f9ff;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.string-label:not(:disabled):hover{transform:translateY(-2px);border-color:#61ddff3d}.string-label:disabled{opacity:1;cursor:default}.string-label:disabled:hover{transform:none}.string-label strong{font-family:var(--font-display);font-size:1rem;letter-spacing:.06em;text-transform:uppercase}.string-label span{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em}.scale-open-label{background:linear-gradient(180deg,rgb(var(--note-accent, 47 128 237) / .28),rgb(var(--note-accent, 47 128 237) / .12) 42%,#090e14f5);border-color:rgb(var(--note-accent, 47 128 237) / .68);box-shadow:inset 0 0 0 1px rgb(var(--note-accent, 47 128 237) / .16)}.root-open-label{box-shadow:inset 0 0 0 2px #fff7e91a,0 0 0 1px #ff7c6885,0 12px 22px #ff7c681f}.highlighted-open-label{border-color:#ffd678f5;background:radial-gradient(circle at 50% 48%,#ffe28d38,#ffe28d00 58%),linear-gradient(180deg,#21180ef5,#110d09fa);box-shadow:inset 0 0 0 1px #fff4d529,0 0 0 2px #f8c5466b,0 18px 28px #0000003d}.highlighted-open-label strong,.highlighted-open-label span{color:#fff8ef}.guided-open-label:not(.highlighted-open-label){border-color:#71f1b95c;background:radial-gradient(circle at 50% 46%,#71f1b929,#71f1b900 60%),linear-gradient(180deg,#0d1c18f5,#08110ffa);box-shadow:inset 0 0 0 2px #71f1b92e,0 0 0 2px #71f1b929,0 14px 22px #71f1b914}.note-cell{position:relative;display:grid;align-content:center;justify-items:center;gap:.16rem;border-radius:14px;border:1px solid rgba(123,158,178,.14);padding:.6rem .3rem;color:#f2f9ff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;background:linear-gradient(180deg,#121a22f5,#0a1016fa),linear-gradient(135deg,rgba(97,221,255,.03),transparent 58%);box-shadow:inset 0 1px #ffffff08}.note-cell:after{content:"";position:absolute;left:.65rem;right:.65rem;top:50%;border-top:1px solid var(--string-line);transform:translateY(-50%)}.note-cell:before{content:"";position:absolute;left:.6rem;right:.6rem;top:.42rem;height:.28rem;border-radius:999px;opacity:0;transform:translateY(-1px);transition:opacity .18s ease,transform .18s ease}.note-cell:hover{transform:translateY(-2px);border-color:#61ddff3d}.note-cell:disabled{cursor:default}.note-cell.locked-note:hover,.note-cell:disabled:hover{transform:none;border-color:#7b9eb224}.note-name,.note-meta,.note-flag{position:relative;z-index:2}.note-name{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:.18rem .42rem;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 0 rgba(5,11,16,.32)}.note-meta{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;padding:.14rem .34rem;border-radius:8px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#f2f9ffcc;background:#050b1066;box-shadow:inset 0 0 0 1px #f2f9ff0d}.note-flag{position:absolute;top:.56rem;right:.56rem;width:.78rem;height:.78rem;border-radius:999px;background:radial-gradient(circle at 35% 30%,#fffdf6,#ffd88e 42%,#ffbf59);box-shadow:0 0 0 2px #ffd6782e,0 10px 16px #150a042e,inset 0 0 0 1px #ffffff70}.scale-note{background:linear-gradient(180deg,rgb(var(--note-accent, 47 128 237) / .44),rgb(var(--note-accent, 47 128 237) / .22) 48%,#080d13f0);border-color:rgb(var(--note-accent, 47 128 237) / .82);box-shadow:inset 0 0 0 1px rgb(var(--note-accent, 47 128 237) / .18),0 8px 18px #00000024}.scale-note:before{opacity:.96;transform:translateY(0);background:rgb(var(--note-accent, 47 128 237));box-shadow:0 0 18px rgb(var(--note-accent, 47 128 237) / .28)}.scale-note .note-meta{color:#fffaf2;background:rgb(var(--note-accent, 47 128 237) / .18);box-shadow:inset 0 0 0 1px rgb(var(--note-accent, 47 128 237) / .2)}.root-note{box-shadow:inset 0 0 0 2px #fff7e91a,0 0 0 1px #ff7c6894,0 12px 22px #ff7c6824}.neutral-note{opacity:.52;filter:saturate(.72)}.highlighted-note{transform:translateY(-2px);border-color:#ffd678f5;background:radial-gradient(circle at 50% 48%,#ffe28d47,#ffe28d00 58%),linear-gradient(180deg,#21180ef5,#110d09fa);box-shadow:inset 0 0 0 1px #fff4d529,0 0 0 2px #f8c5466b,0 18px 28px #00000042}.highlighted-note .note-name{color:#071018;text-shadow:none;background:radial-gradient(circle at 30% 24%,#fffbf0eb,#fff5d6e6 42%,#f8c546eb);box-shadow:0 0 0 1px #fffaec38,0 10px 18px #1209043d}.highlighted-note .note-meta{color:#fffaf0;background:#f8c5463d;box-shadow:inset 0 0 0 1px #f8c54652}.highlighted-note:after{border-top-color:#ffd67866}.guided-target-note:not(.highlighted-note){border-color:#71f1b96b;background:radial-gradient(circle at 50% 46%,#71f1b92e,#71f1b900 60%),linear-gradient(180deg,#0d1c18f5,#08110ffa);box-shadow:inset 0 0 0 2px #71f1b92e,0 0 0 2px #71f1b929,0 16px 26px #71f1b91a}.guided-target-note:not(.highlighted-note):before{opacity:1;transform:translateY(0);background:#71f1b9f5;box-shadow:0 0 20px #71f1b947}.guided-target-note .note-name{background:#71f1b929;box-shadow:inset 0 0 0 1px #71f1b92e}.guided-target-note .note-meta{background:#71f1b924;box-shadow:inset 0 0 0 1px #71f1b933}.guided-active-note{border-color:#ffbf59e6;box-shadow:inset 0 0 0 1px #fff7d629,0 0 0 3px #ffbf5970,0 0 28px #ffbf5938,0 18px 28px #00000042}.song-fretboard-panel .fretboard-grid{grid-template-columns:4.9rem repeat(calc(var(--fret-columns) - 1),minmax(3.7rem,1fr));min-width:880px}.song-fretboard-panel .corner-label,.song-fretboard-panel .fret-label,.song-fretboard-panel .string-label,.song-fretboard-panel .note-cell{min-height:3.8rem}.song-fretboard-panel .string-label{padding:.6rem .62rem}.song-fretboard-panel .note-cell{padding:.5rem .22rem}.song-fretboard-panel .note-name{min-width:1.8rem;min-height:1.8rem;font-size:.9rem}.song-fretboard-panel .note-meta{min-width:1.9rem;font-size:.66rem}.workspace-home-link{display:inline-flex;align-items:center;min-height:2rem;padding:.32rem .1rem;color:var(--accent-strong)}.landing-shell{width:min(1180px,calc(100vw - 1rem));margin:0 auto;padding:.9rem 0 2.4rem;display:grid;gap:.85rem}.landing-hero,.landing-fit,.landing-onboarding,.landing-surfaces,.landing-scope,.landing-final{animation:landing-fade-up .56s ease both}.landing-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:.65rem;min-height:32rem;padding:clamp(1rem,2.4vw,1.8rem);background:radial-gradient(circle at 14% 18%,rgba(77,225,255,.14),transparent 36%),radial-gradient(circle at 86% 16%,rgba(255,184,74,.12),transparent 28%),linear-gradient(180deg,#111a21fa,#081019fa)}.landing-hero-copy{display:grid;align-content:start;gap:.72rem}.landing-brand-lockup{width:min(26rem,100%);margin-bottom:.45rem}.landing-kicker{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal-warn)}.landing-hero-copy h1,.landing-section-heading h2,.landing-final-copy h2{margin:0;font-family:var(--font-display);line-height:.96;letter-spacing:.04em;text-transform:uppercase}.landing-hero-copy h1{max-width:13ch;font-size:clamp(2.6rem,6.8vw,6.2rem);letter-spacing:0;line-height:.86}.landing-lead,.landing-final-copy p:last-child,.landing-section-copy,.landing-step-card p,.landing-mode-card p,.landing-outcome-card p,.landing-benefit-card p,.landing-support-card p,.landing-support-copy{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.55}.landing-lead{max-width:58ch}.landing-hero-note{margin:0;max-width:55ch;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#ffeccadb}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.landing-primary-cta,.landing-secondary-cta{text-decoration:none}.landing-primary-cta{min-width:13.5rem;justify-content:center}.landing-secondary-cta{min-height:auto;padding:.18rem 0;border:0;border-radius:0;color:var(--text-muted);background:transparent;box-shadow:none}.landing-secondary-cta:hover{transform:none;border:0;color:#fff8e8;background:transparent}.landing-signal-map{display:grid;align-content:start;gap:.52rem}.landing-map-neck{position:relative;min-height:15.5rem;margin-bottom:.3rem;overflow:hidden;border-radius:12px;border:1px solid rgba(120,147,163,.22);background:repeating-linear-gradient(0deg,transparent 0,transparent 2rem,rgba(244,250,252,.22) 2.06rem,rgba(244,250,252,.22) 2.18rem),repeating-linear-gradient(90deg,transparent 0,transparent 3.6rem,rgba(120,147,163,.38) 3.66rem,rgba(120,147,163,.38) 3.84rem),linear-gradient(90deg,#0c1418,#1c2a31 44%,#0b1216);box-shadow:inset 0 22px 46px #0000006b}.landing-map-route{position:absolute;left:12%;top:64%;width:72%;height:.42rem;transform:rotate(-26deg);transform-origin:left center;border-radius:999px;background:var(--gm-guide);box-shadow:0 0 28px #ffb84a38}.landing-map-dot{position:absolute;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--gm-night)}.landing-map-dot-start{left:13%;top:63%;border:.32rem solid var(--gm-guide)}.landing-map-dot-mid{left:42%;top:43%;border:.32rem solid rgba(244,250,252,.88)}.landing-map-dot-active{left:75%;top:21%;width:1.72rem;height:1.72rem;background:var(--gm-signal);box-shadow:0 0 0 .72rem #4de1ff2e,0 0 34px #4de1ff8a}.landing-outcomes-grid,.landing-benefits-grid,.landing-modes-grid,.landing-support-grid{display:grid;gap:.52rem}.landing-outcomes-grid{grid-template-columns:1fr;display:grid;align-content:start}.landing-summary-label{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.landing-summary-label{color:var(--signal-warn)}.landing-summary-note{margin:0;color:var(--text-dim);font-size:.88rem;line-height:1.5}.landing-outcome-card,.landing-benefit-card,.landing-step-card,.landing-mode-card,.landing-support-card{padding:.82rem;border-radius:14px;border:1px solid var(--module-border);background:radial-gradient(circle at top right,rgba(255,191,89,.08),transparent 38%),linear-gradient(180deg,#0e141bfa,#090e14fa),linear-gradient(135deg,rgba(97,221,255,.05),transparent 46%);box-shadow:inset 0 1px #ffffff08}.landing-outcome-card h2,.landing-benefit-card h3,.landing-step-card h3,.landing-mode-card h3,.landing-support-card h3{display:block;margin:0;font-family:var(--font-display);line-height:.98;letter-spacing:.05em;text-transform:uppercase}.landing-outcome-card h2{font-size:.94rem}.landing-benefit-card h3,.landing-step-card h3,.landing-mode-card h3,.landing-support-card h3{font-size:1.02rem}.landing-mode-label,.landing-step-number{display:inline-flex;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.landing-step-number{margin-bottom:.44rem;color:var(--signal-warn)}.landing-mode-label{margin-bottom:.34rem;color:var(--signal-ok)}.landing-fit,.landing-onboarding,.landing-surfaces,.landing-scope,.landing-final{padding:.95rem 1rem}.landing-section-heading{display:grid;gap:.2rem;margin-bottom:.75rem}.landing-section-copy{margin-bottom:.72rem;max-width:63ch}.landing-support-copy{margin-top:.72rem;max-width:62ch}.landing-section-heading h2,.landing-final-copy h2{font-size:clamp(1.4rem,2.6vw,2rem)}.landing-benefits-grid,.landing-steps-grid,.landing-modes-grid,.landing-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.landing-benefits-grid,.landing-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-benefit-card,.landing-step-card,.landing-mode-card,.landing-outcome-card,.landing-support-card{display:grid;align-content:start;gap:.45rem}.landing-final{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}.landing-final-copy{display:grid;gap:.28rem;max-width:46rem}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:0;box-shadow:0 0 0 4px #61ddff24,0 0 0 1px #61ddff5c}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.app-header-bar,.app-header-chip,.session-bar,.audio-panel,.control-panel,.practice-guide-panel,.fretboard-panel,.song-practice-panel,.landing-hero,.landing-fit,.landing-onboarding,.landing-surfaces,.landing-scope,.landing-final{animation:none}.primary-button,.secondary-button,.tertiary-button,.target-chip,.view-tab,.string-label,.note-cell,.song-tab-note{transition:none}}@media(max-width:980px){.landing-hero,.landing-benefits-grid,.landing-modes-grid,.landing-steps-grid,.landing-support-grid{grid-template-columns:1fr}.landing-final{align-items:start}.app-header-bar{align-items:flex-start}.app-header-meta{justify-content:flex-start}.field-grid,.practice-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-toolbar,.practice-guide-briefing,.practice-guide-inline,.practice-guide-header,.practice-guide-layout,.song-config-grid,.song-toolbar,.note-summary-panel,.audio-readout{grid-template-columns:1fr}.session-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.song-track-visualizer-topline{grid-template-columns:1fr;align-items:start}.song-status-strip{grid-template-columns:1fr}.song-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px)and (orientation:landscape){.fretboard-panel{width:100vw;margin-inline:calc(50% - 50vw);padding:.72rem max(.6rem,env(safe-area-inset-right)) .78rem max(.6rem,env(safe-area-inset-left));border-radius:0}.fretboard-shell{overscroll-behavior-inline:contain}.fretboard-grid{grid-template-columns:clamp(3.2rem,8vw,4.3rem) repeat(calc(var(--fret-columns) - 1),minmax(clamp(2rem,5vw,3.35rem),1fr));gap:clamp(.18rem,.7vw,.34rem);min-width:100%}.song-fretboard-panel .fretboard-grid{grid-template-columns:clamp(3rem,7vw,4rem) repeat(calc(var(--fret-columns) - 1),minmax(clamp(1.85rem,4.6vw,3rem),1fr));min-width:100%}.corner-label,.fret-label,.string-label,.note-cell{min-height:clamp(3rem,13vh,3.7rem)}.song-fretboard-panel .corner-label,.song-fretboard-panel .fret-label,.song-fretboard-panel .string-label,.song-fretboard-panel .note-cell{min-height:clamp(2.75rem,12vh,3.35rem)}.string-label,.song-fretboard-panel .string-label{padding:.42rem}.note-cell,.song-fretboard-panel .note-cell{padding:.38rem .16rem}.note-name,.song-fretboard-panel .note-name{min-width:1.62rem;min-height:1.62rem;padding-inline:.24rem;font-size:.82rem}.note-meta,.song-fretboard-panel .note-meta{min-width:1.5rem;font-size:.58rem}}@media(max-width:720px){.landing-shell{width:min(100vw - 1rem,100%);padding-top:.7rem}.landing-hero,.landing-fit,.landing-onboarding,.landing-surfaces,.landing-scope,.landing-final{padding:1rem;border-radius:18px}.landing-hero-copy h1{max-width:15ch;font-size:clamp(1.65rem,8vw,2.25rem)}.landing-hero-actions,.landing-final{grid-template-columns:1fr}.landing-hero-actions{display:grid}.landing-primary-cta,.landing-secondary-cta{width:100%;justify-content:center}.app-shell{width:min(100vw - 1rem,100%);padding-top:.75rem}.app-header-bar{padding-top:.25rem;gap:.55rem}.app-header-brand{gap:.08rem}.app-header-meta{width:100%;gap:.36rem}.session-bar,.control-panel,.audio-panel,.practice-guide-panel,.fretboard-panel,.song-practice-panel{padding:1rem;border-radius:18px}.field-grid,.practice-config-grid,.audio-metrics{grid-template-columns:1fr}.audio-toolbar{gap:.7rem}.session-controls{width:100%;flex-direction:column;align-items:stretch}.instrument-select-field{min-width:0;width:100%}.app-header-chip,.app-header-chip-wide{min-width:0;max-width:100%}.view-switcher{width:100%}.view-tab{flex:1;min-width:0}.song-loop-copy{justify-items:start}.song-meta-inline{gap:.35rem}.song-status-strip{grid-template-columns:1fr}.song-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.song-tab-row{grid-template-columns:2rem minmax(0,1fr)}.song-tab-note{font-size:.92rem}.song-tab-bars-grid{grid-template-columns:repeat(var(--song-tab-bars, 4),9rem)}.song-tab-bar{min-width:9rem}.session-summary{grid-template-columns:1fr}.app-header h1{font-size:clamp(1.35rem,8vw,1.8rem)}}