:root{--bg: #07080c;--surface: #0f1018;--surface2: #161822;--surface3: #1e2030;--gold: #d4a853;--gold-dim: #9a7a3a;--gold-bright: #f0c95a;--blue: #5b8fd4;--teal: #4ec9b0;--rose: #d4637a;--purple: #9b7bd4;--orange: #e09050;--green: #8fd49b;--text: #d8d4cc;--text-dim: #706c68;--text-mid: #9a968e;--text-bright: #f0ece4;--border: #252838;--fret-bg: #0a0b12;--p2: var(--gold);--p3: var(--teal);--p4: var(--blue);--p5: var(--purple);--p6: var(--green);--p7: var(--rose)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.6}.container{max-width:1440px;margin:0 auto;padding:40px 28px}header{text-align:center;padding:50px 0 40px;border-bottom:1px solid var(--border);margin-bottom:10px}h1{font-family:Playfair Display,serif;font-size:clamp(32px,5vw,58px);font-weight:900;color:var(--gold);letter-spacing:1px;line-height:1.15}h1 .sub{display:block;font-size:.35em;font-family:DM Sans,sans-serif;font-weight:300;color:var(--text-dim);letter-spacing:6px;text-transform:uppercase;margin-top:10px}.header-note{margin-top:16px;color:var(--text-dim);font-size:13px;font-style:italic;max-width:720px;margin-left:auto;margin-right:auto}.sec-title{display:flex;align-items:center;gap:18px;margin:55px 0 24px}.sec-title h2{font-family:Playfair Display,serif;font-size:24px;color:var(--gold);white-space:nowrap}.sec-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-dim),transparent)}.info-block{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px 24px;color:var(--text-mid);font-size:14px}.info-block p{margin-bottom:10px}.info-block p:last-child{margin-bottom:0}.info-block code{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--gold);background:#d4a85314;padding:1px 6px;border-radius:3px}.info-block i{color:var(--text-bright);font-style:italic}.info-block b{color:var(--text-bright);font-weight:600}.legend{display:flex;flex-wrap:wrap;gap:18px;padding:14px 20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-mid);font-family:JetBrains Mono,monospace}.legend-dot{width:13px;height:13px;border-radius:50%;border:1px solid #0a0a0f;flex-shrink:0}.legend-dot.p2{background:var(--p2)}.legend-dot.p3{background:var(--p3)}.legend-dot.p4{background:var(--p4)}.legend-dot.p5{background:var(--p5)}.legend-dot.p6{background:var(--p6)}.legend-dot.p7{background:var(--p7)}.fb-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;overflow-x:auto}.fb-wrap canvas{display:block;margin:0 auto}.warn-box{margin-top:14px;padding:12px 16px;background:#d4637a0f;border-left:3px solid var(--rose);border-radius:0 6px 6px 0;font-size:13px;color:var(--text);line-height:1.55}.warn-box b{color:var(--rose);font-weight:600}.warn-box i{color:var(--text-bright)}.string-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.string-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.string-card h3{font-family:Playfair Display,serif;font-size:18px;color:var(--text-bright);margin-bottom:4px}.string-card h3 .note-sub{font-size:13px;color:var(--text-dim);font-family:DM Sans,sans-serif;font-weight:400;margin-left:6px}.string-card table{width:100%;border-collapse:collapse;margin-top:10px;font-family:JetBrains Mono,monospace;font-size:12px}.string-card th{text-align:left;padding:6px 6px 8px;color:var(--text-dim);border-bottom:1px solid var(--border);font-weight:500;font-size:10.5px;text-transform:uppercase;letter-spacing:.7px}.string-card td{padding:6px;color:var(--text);border-bottom:1px solid rgba(37,40,56,.5)}.string-card td:first-child{font-weight:600}.string-card tr:last-child td{border-bottom:none}.string-card .pitch{color:var(--gold);font-weight:600}.string-card .cents-flat{color:var(--rose)}.string-card .cents-sharp{color:var(--teal)}.string-card .cents-zero{color:var(--text-dim)}.partial-chip{display:inline-block;width:18px;height:18px;border-radius:50%;text-align:center;line-height:18px;font-size:10px;font-weight:700;color:#0a0a0f;margin-right:6px;vertical-align:middle}.partial-chip.k2{background:var(--p2)}.partial-chip.k3{background:var(--p3)}.partial-chip.k4{background:var(--p4)}.partial-chip.k5{background:var(--p5)}.partial-chip.k6{background:var(--p6)}.partial-chip.k7{background:var(--p7)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.practice-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 22px;transition:border-color .3s}.practice-card:hover{border-color:var(--gold-dim)}.practice-card h3{font-family:Playfair Display,serif;font-size:17px;color:var(--gold);margin-bottom:8px}.practice-card p{font-size:13px;color:var(--text-mid);line-height:1.6}.practice-card p+p{margin-top:8px}.practice-card b{color:var(--text-bright);font-weight:600}.practice-card i{color:var(--gold);font-style:italic}.bottom-nav{display:flex;justify-content:space-between;align-items:center;margin-top:70px;padding-top:24px;border-top:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:13px}.bottom-nav a{color:var(--gold);text-decoration:none;padding:8px 14px;border:1px solid var(--gold-dim);border-radius:6px;transition:background .2s,color .2s}.bottom-nav a:hover{background:var(--gold);color:var(--bg)}