.gb-interval-chain{display:flex;flex-wrap:wrap;align-items:flex-start;padding:16px;gap:12px 0;background:var(--gb-surface-muted);border-radius:8px}.gb-interval-chain__segment{display:flex;align-items:flex-start;flex:1 1 0;min-width:0}.gb-interval-chain__segment:last-child{flex:0 0 auto}.gb-interval-chain__note{font-size:14px;font-weight:600;padding:8px 14px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:8px;white-space:nowrap}.gb-interval-chain__arrow{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1 1 0;min-width:8px;padding:12px 2px 0;overflow:hidden}.gb-interval-chain__arrow svg{color:var(--gb-text-secondary)}.gb-int-map-controls-row{display:flex;align-items:flex-end;gap:var(--gb-space-4);flex-wrap:wrap}.gb-int-map-controls-row--gap-3,.gb-int-map-mode-row{gap:var(--gb-space-3)}.gb-int-map-mode-row{display:flex;align-items:center;flex-wrap:wrap}.gb-int-detail-h-grid{display:grid;grid-template-columns:auto 1fr auto;gap:var(--gb-space-6);align-items:end;padding:var(--gb-space-4) var(--gb-space-5);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-sm)}.gb-int-map-select-w{width:100px}.gb-int-map-play-content{display:inline-flex;align-items:center;gap:6px}.gb-int-map-info-cards{display:flex;gap:var(--gb-space-6);padding:var(--gb-space-3) var(--gb-space-4);background:var(--gb-surface-muted);border-radius:var(--gb-radius-xs);flex-wrap:wrap;font-size:14px}.gb-int-map-info-cards--end{align-self:flex-end}.gb-int-map-info-label{color:var(--gb-text-secondary);font-size:12px;margin-bottom:2px}.gb-int-map-info-value{font-weight:600;font-size:16px}.gb-int-map-info-aside{font-weight:400;color:var(--gb-text-secondary)}.gb-int-map-fretboard-wrapper{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-md);padding:var(--gb-space-4)}.gb-interval-chain__label{font-size:11px;color:var(--gb-text-secondary);text-align:center;line-height:1.3;width:100%;white-space:normal;overflow-wrap:break-word}.gb-interval-chain__line{font-size:14px;color:var(--gb-text-secondary);line-height:1}.gb-interval-chain__note-col{display:inline-flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.gb-interval-chain__note-col .gb-interval-chain__label{white-space:normal;overflow:visible;text-overflow:clip;max-width:88px}@media (max-width:480px){.gb-interval-chain__segment{flex:1 1 40%;min-width:40%}.gb-interval-chain__segment:last-child{flex:0 0 auto;min-width:0}}[data-interval="0"]{--_ic:var(--gb-interval-1)}[data-interval="1"]{--_ic:var(--gb-interval-b2)}[data-interval="2"]{--_ic:var(--gb-interval-2)}[data-interval="3"]{--_ic:var(--gb-interval-b3)}[data-interval="4"]{--_ic:var(--gb-interval-3)}[data-interval="5"]{--_ic:var(--gb-interval-4)}[data-interval="6"]{--_ic:var(--gb-interval-tritone)}[data-interval="7"]{--_ic:var(--gb-interval-5)}[data-interval="8"]{--_ic:var(--gb-interval-b6)}[data-interval="9"]{--_ic:var(--gb-interval-6)}[data-interval="10"]{--_ic:var(--gb-interval-b7)}[data-interval="11"]{--_ic:var(--gb-interval-7)}[data-interval=octave]{--_ic:var(--gb-interval-1)}.gb-iv{color:var(--_ic,inherit);transition:opacity .15s}a.gb-iv:hover,a>.gb-iv:hover{opacity:.8}.gb-interval-chain__segment[data-interval] .gb-interval-chain__note{border:2px solid var(--_ic,var(--gb-border));color:var(--_ic,var(--gb-text));background:color-mix(in srgb,var(--_ic,transparent) 9%,var(--gb-surface))}.gb-interval-chain__segment[data-interval] .gb-interval-chain__label{color:color-mix(in srgb,var(--_ic,var(--gb-text-secondary)) 65%,var(--gb-text-secondary))}.gb-interval-chain--dense .gb-interval-chain__note{font-size:14px;padding:5px 8px}.gb-interval-chain--dense .gb-interval-chain__arrow{padding-top:8px}.gb-interval-chain--dense .gb-interval-chain__label{font-size:11px}.gb-interval-chain--dense{padding:12px;gap:4px 0}.gb-interval-chain--wrap{flex-wrap:wrap;gap:12px 0}.gb-interval-chain--wrap .gb-interval-chain__segment{flex:1 1 0}.gb-interval-chain--wrap .gb-interval-chain__segment:last-child{flex:0 0 auto}@media (max-width:480px){.gb-interval-chain--wrap .gb-interval-chain__segment{flex:1 1 40%;min-width:40%}.gb-interval-chain--wrap .gb-interval-chain__segment:last-child{flex:0 0 auto;min-width:0}}.gb-interval-chain--scroll{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:thin;padding:14px;mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent)}.gb-interval-chain--scroll::-webkit-scrollbar{height:4px}.gb-interval-chain--scroll::-webkit-scrollbar-thumb{background:var(--gb-border-strong);border-radius:2px}.gb-interval-chain--scroll .gb-interval-chain__segment{flex:0 0 auto}.gb-interval-chain--strip{flex-wrap:nowrap;gap:0;padding:12px 16px;width:100%}.gb-interval-chain--strip .gb-interval-chain__note{font-size:14px;padding:6px 12px}.gb-interval-chain--strip .gb-interval-chain__label{font-size:11px}.gb-interval-chain--strip .gb-interval-chain__arrow{padding-top:9px}.gb-interval-chain--strip .gb-interval-chain__segment{flex:1 1 0;min-width:0}.gb-interval-chain--strip .gb-interval-chain__segment:last-child{flex:0 0 auto}@media (max-width:768px){.gb-interval-chain--strip{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;mask-image:linear-gradient(90deg,transparent 0,black 12px,black calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 12px,black calc(100% - 24px),transparent);padding-left:16px;padding-right:24px}.gb-interval-chain--strip .gb-interval-chain__segment{flex:0 0 auto}.gb-interval-chain--strip::-webkit-scrollbar{height:3px}.gb-interval-chain--strip::-webkit-scrollbar-thumb{background:var(--gb-border-strong);border-radius:2px}}.gb-formula-stepper{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 0;padding:14px 12px;background:var(--gb-surface-muted);border-radius:8px}.gb-formula-stepper__segment{display:flex;align-items:flex-start;flex:1 1 0;min-width:0}.gb-formula-stepper__segment--last{flex:0 0 auto}.gb-formula-stepper__node{display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0}.gb-formula-stepper__note{font-size:13px;font-weight:600;padding:6px 12px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:8px;white-space:nowrap;line-height:1.2}.gb-formula-stepper__step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1 1 0;min-width:8px;padding:6px 2px 0}.gb-formula-stepper__chevron{color:var(--gb-text-secondary);flex-shrink:0}.gb-formula-stepper__step-label{font-size:10px;line-height:1.2;color:var(--gb-text-secondary);white-space:nowrap;margin-top:4px;text-align:center;font-family:var(--g-font-family-monospace,monospace)}@media (max-width:480px){.gb-formula-stepper{padding:10px 6px}.gb-formula-stepper__note{font-size:11px;padding:4px 6px}.gb-formula-stepper__step-label{font-size:9px}}.gb-formula-step{display:inline-block;padding:4px 8px;border-radius:6px;border:1px solid var(--gb-border);font-size:13px;font-weight:600;color:var(--gb-text);background:var(--gb-surface-muted);transition:opacity .15s}.gb-formula-step[data-interval]{color:var(--_ic,var(--gb-text));border-color:color-mix(in srgb,var(--_ic,var(--gb-border)) 50%,var(--gb-border));background:color-mix(in srgb,var(--_ic,transparent) 12%,var(--gb-surface-muted))}.gb-formula-step--1{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.gb-formula-step--2{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.gb-formula-step--3{background:#fef3c7;border-color:#fcd34d;color:#92400e}.dark .gb-formula-step--1{background:#7f1d1d44;border-color:#ef444466;color:#fca5a5}.dark .gb-formula-step--2{background:#1e3a5f44;border-color:#3b82f666;color:#93c5fd}.dark .gb-formula-step--3{background:#78350f44;border-color:#f59e0b66;color:#fcd34d}a .gb-formula-step:hover,a:has(.gb-formula-step) .gb-formula-step:hover{opacity:.75}.gb-interval-note-list{display:flex;flex-direction:column;gap:12px}.gb-interval-note-step{display:flex;align-items:center;gap:8px}.gb-interval-note-step__pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:8px;font-weight:600;font-size:14px;border:1px solid var(--gb-border);min-width:44px}.gb-interval-note-step__pill--root{background:var(--gb-accent);color:#fff}.gb-interval-note-step__pill--target{background:color-mix(in srgb,var(--gb-accent) 15%,var(--gb-surface));color:var(--gb-text)}.gb-interval-note-step__chevron{color:var(--gb-text-secondary);flex-shrink:0}.gb-interval-card{transition:border-color .15s,background .15s;cursor:default}.gb-interval-card:hover{border-color:var(--gb-accent)!important;background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))!important}.gb-interval-card .gb-interval-name:hover,a.gb-interval-name,a.gb-interval-name:hover{color:var(--gb-text)}.gb-int-conn-sib-row{display:flex;flex-wrap:wrap;gap:10px}.gb-int-conn-sib-card{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:10px var(--gb-space-4);border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit;min-width:80px}.gb-int-conn-sib-short{font-weight:600;font-size:15px;font-family:var(--g-font-family-monospace)}.gb-int-conn-sib-label{font-size:12px;color:var(--gb-text-secondary);text-align:center;line-height:1.3}.gb-int-conn-hint{margin-bottom:var(--gb-space-2)}.gb-int-conn-chip-row{display:flex;flex-wrap:wrap;gap:var(--gb-space-2)}.gb-int-conn-chord-name{font-size:16px;font-weight:600;line-height:1.1}.gb-int-conn-chord-label{font-size:11px;color:var(--gb-text-secondary);line-height:1.3;text-align:center}.gb-int-conn-ear-link{display:inline-flex;align-items:center;gap:var(--gb-space-2);padding:var(--gb-space-3) var(--gb-space-5);border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:var(--gb-accent);font-weight:600;font-size:15px}.gb-int-conn-ear-arrow{font-size:18px}.gb-int-detail-meta-row{display:flex;gap:var(--gb-space-2);align-items:center;flex-wrap:wrap;margin-top:var(--gb-space-3)}.gb-int-detail-divider-section{padding-top:var(--gb-space-4)}.gb-int-detail-adjacent-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-4)}.gb-int-detail-adj-card{display:flex;flex-direction:column;gap:6px;padding:var(--gb-space-4) var(--gb-space-5);border-radius:10px;border:1px solid var(--gb-border);background:var(--gb-surface);text-decoration:none;color:inherit}.gb-int-detail-adj-card--right{text-align:right}.gb-int-detail-adj-cap{font-size:12px;color:var(--gb-text-secondary)}.gb-int-detail-adj-title{font-weight:600;font-size:18px}.gb-int-detail-adj-meta{font-size:14px;color:var(--gb-text-secondary);font-family:var(--g-font-family-monospace)}.gb-int-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gb-space-3)}@media (max-width:1024px){.gb-int-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.gb-int-list-grid{grid-template-columns:1fr}}.gb-int-stepper{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:var(--gb-radius-sm,8px);background:color-mix(in srgb,var(--_int-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--_int-color) 20%,transparent)}.gb-int-step-note{font-weight:600;font-size:18px;line-height:1;color:var(--gb-text)}.gb-int-step-note[data-target]{color:var(--_int-color)}.gb-int-step-arrow{color:var(--gb-text-tertiary)}.gb-int-list-card{border:1px solid var(--gb-border);border-radius:var(--gb-radius-md,12px);padding:14px;background:var(--gb-surface);display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-int-list-card[data-playing=true]{border-color:var(--_int-color);background:color-mix(in srgb,var(--_int-color) 7%,var(--gb-surface))}.gb-int-list-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.gb-int-list-short{font-family:var(--g-font-family-monospace);font-size:13px}.gb-int-list-semi,.gb-int-list-short{font-weight:600;padding:1px var(--gb-space-2);background:color-mix(in srgb,var(--_int-color) 13%,transparent);color:var(--_int-color);border-radius:20px;border:1px solid color-mix(in srgb,var(--_int-color) 27%,transparent)}.gb-int-list-semi{font-size:12px}.gb-int-list-name{font-weight:600;font-size:15px;text-decoration:none;line-height:1.2}.gb-int-list-desc{font-size:12px;color:var(--gb-text-secondary);line-height:1.4;flex:1}.gb-int-list-example{font-size:12px;color:var(--gb-text-tertiary);font-style:italic;font-family:var(--font-ibm-plex-sans,sans-serif)}.gb-int-list-play-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.gb-ipb-section{padding-top:var(--gb-space-4);border-top:1px solid var(--gb-divider)}.gb-ipb-cta-card{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gb-space-6);padding:var(--gb-space-6) 28px;border-radius:12px;border:1px solid var(--gb-accent);background:color-mix(in srgb,var(--gb-accent) 6%,var(--gb-surface))}.gb-ipb-cta-body{flex:1 1 300px;min-width:0}.gb-ipb-cta-arrow{font-size:18px}.gb-iub-song-card{padding:10px 14px;border-radius:8px;border:1px solid var(--gb-border);background:var(--gb-surface);display:flex;flex-direction:column;gap:2px;width:160px;min-width:0}.gb-iub-song-title{font-weight:600;font-size:14px;line-height:1.2}.gb-iub-song-artist{font-size:12px}.gb-iub-song-artist,.gb-iub-song-detail{color:var(--gb-text-secondary);line-height:1.3}.gb-iub-song-detail{font-size:11px}.gb-skel-int-title{height:36px;width:30%}.gb-skel-int-row{height:64px}.gb-int-fb-root{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-int-fb-controls{display:flex;align-items:flex-end;gap:var(--gb-space-3);flex-wrap:wrap}.gb-int-fb-field{display:flex;flex-direction:column;gap:4px}.gb-int-fb-field-label{font-weight:400}.gb-int-fb-select-w{width:100px}