.cfp-trigger{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#6366f1;text-underline-offset:3px;text-decoration-thickness:1.5px;cursor:pointer;border-radius:3px;outline:none;transition:background-color .12s ease,color .12s ease}.cfp-trigger:hover,.cfp-trigger:focus-visible{background-color:#6366f11a;color:#4338ca}.dark .cfp-trigger{text-decoration-color:#818cf8}.dark .cfp-trigger:hover,.dark .cfp-trigger:focus-visible{background-color:#818cf824;color:#a5b4fc}.cfp-popover{z-index:9999;background:#0a0920;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:10px 10px 8px;width:155px;box-shadow:0 24px 60px -14px #000000a6,0 0 0 1px #ffffff0a;pointer-events:auto;animation:cfp-in .13s ease-out}@keyframes cfp-in{0%{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cfp-popover:after{content:"";position:absolute;left:var(--cfp-arrow-left, 50%);width:10px;height:10px;background:#0a0920;border:1px solid rgba(255,255,255,.1);transform:translate(-50%) rotate(45deg);pointer-events:none}.cfp-popover[data-arrow-dir=bottom]:after{bottom:-6px;border-top:none;border-left:none}.cfp-popover[data-arrow-dir=top]:after{top:-6px;border-bottom:none;border-right:none}.cfp-diagram{display:flex;justify-content:center;background:#08071f;border-radius:12px;padding:8px 4px 6px}.cfp-diagram svg{height:118px;width:auto;display:block}.cfp-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.07)}.cfp-name{color:#e2e8f0;font-size:12.5px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfp-link{display:inline-flex;align-items:center;gap:3px;color:#818cf8;font-size:11px;font-weight:500;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:color .12s ease}.cfp-link:hover{color:#a5b4fc}.icd-figure{margin:1.5rem 0 2rem;padding:0;border:none;font-size:1rem;line-height:1.5}.icd-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;background:#08071f;border-radius:20px;padding:20px 16px 14px;border:1px solid rgba(255,255,255,.06)}.icd-progression-track{--icd-progression-card-ideal-width: 123px;--icd-progression-card-min-width: 84px;flex-wrap:nowrap;justify-content:flex-start;gap:clamp(4px,1vw,10px);align-items:center;padding:20px clamp(10px,2vw,18px) 16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.icd-progression-arrow{color:#a5b4fce6;font-family:Space Grotesk,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:700;line-height:1;align-self:center;margin-top:-18px;flex:0 0 auto}.icd-chord{display:flex;flex-direction:column;align-items:center;min-width:0}.icd-chord-link{display:flex;flex-direction:column;align-items:center;text-decoration:none!important;border-radius:14px;padding:6px 8px 4px;transition:background-color .15s ease}.icd-chord-link:hover{background-color:#6366f11a}.icd-progression-link{width:min(100%,var(--icd-progression-card-ideal-width));min-width:0;margin-inline:auto;padding:6px 10px 5px;box-sizing:border-box}.icd-progression-chord{flex:1 1 var(--icd-progression-card-ideal-width);min-width:var(--icd-progression-card-min-width);align-items:stretch}.icd-diagram{display:flex;justify-content:center;align-items:center}.icd-diagram svg{height:170px;width:auto;display:block}.icd-progression-diagram svg{width:100%;max-width:100%;height:auto}.icd-progression-diagram{width:100%;max-width:var(--icd-progression-card-ideal-width);margin-inline:auto}.icd-label{display:block;margin-top:8px;color:#e2e8f0;font-family:Space Grotesk,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14.5px;font-weight:600;letter-spacing:-.01em;text-align:center;white-space:nowrap;text-decoration:none!important}.icd-chord-link:hover .icd-label{color:#a5b4fc}.icd-formula{display:block;margin-top:2px;color:#e2e8f0b3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11.5px;letter-spacing:.02em;text-align:center}.icd-note{display:block;margin-top:5px;max-width:16rem;color:#e2e8f0c7;font-size:11.5px;line-height:1.45;text-align:center;text-decoration:none!important}.icd-figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.icd-progression-track{--icd-progression-card-ideal-width: 104px;--icd-progression-card-min-width: 74px;padding:16px 10px 12px}.icd-progression-arrow{font-size:18px;margin-top:-14px}.icd-progression-link{padding:5px 6px 4px}.icd-progression-link .icd-label{white-space:normal;line-height:1.2}}@media(max-width:480px){.icd-grid{padding:16px 10px 12px;gap:2px;border-radius:16px}.icd-progression-track{--icd-progression-card-ideal-width: 90px;--icd-progression-card-min-width: 66px;gap:4px;padding:14px 10px 12px}.icd-diagram svg{height:130px}.icd-progression-diagram svg{height:auto}.icd-progression-arrow{font-size:16px;margin-top:-12px}.icd-label{font-size:12.5px}.icd-formula{font-size:10.5px}.icd-note{font-size:10.5px;max-width:14rem}.icd-chord-link{padding:4px 5px 3px;border-radius:10px}.icd-progression-link{padding:4px 4px 3px}}@media print{.icd-grid{background:#fff;border:1px solid #ccc}.icd-label{color:#1a1a1a}.icd-formula,.icd-note{color:#4b5563}.icd-progression-arrow{color:#4f46e5}.icd-diagram svg circle,.icd-diagram svg rect{fill:#333}}