.cl-resolution{max-width:600px;transition:background var(--motion-duration) var(--motion-curve), transform var(--motion-duration) var(--motion-curve);background:#ffffff09;border:1px solid #ffffff29;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);align-items:center;gap:24px;margin-top:20px;padding:18px;display:grid}.cl-resolution[data-stage=resolved]{background:#d8ff5f13}.cl-resolution p{color:var(--mint);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px}.cl-resolution h3{margin:0;font-family:Georgia,serif;font-size:clamp(22px,2.5vw,32px);font-weight:400;line-height:1.08}.cl-resolution>div>small{color:var(--muted-on-dark);margin-top:9px;font-size:11px;line-height:1.5;display:block}.cl-resolution-path{grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;display:grid}.cl-resolution-path span{min-height:44px;color:var(--muted-on-dark);text-align:center;transition:background var(--motion-duration) var(--motion-curve), color var(--motion-duration) var(--motion-curve), transform var(--motion-duration) var(--motion-curve);border:1px solid #ffffff2e;place-items:center;padding:5px 8px;font-size:11px;display:grid}.cl-resolution-path span.is-active{background:var(--acid);color:#171916;transform:translateY(-2px)}.cl-resolution-path i{color:var(--mint);font-size:11px;font-style:normal}.cl-resolution-action button{background:var(--coral);color:#1b110c;cursor:pointer;width:100%;min-height:48px;transition:transform var(--motion-duration) var(--motion-curve), opacity var(--motion-duration) var(--motion-curve);border:0;border-radius:999px;justify-content:space-between;align-items:center;margin-top:10px;padding:0 15px;font-size:11px;display:flex}.cl-resolution-action button:active{opacity:.8;transform:scale(.97)}.chord-compare button{text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;min-height:56px;padding:8px 20px;display:inline-grid}.chord-compare button strong{font-size:var(--type-floor);grid-column:1;font-weight:500}.chord-compare button small{color:var(--muted-on-dark);font-family:var(--font-geist-mono), monospace;font-size:var(--type-floor);grid-column:1;margin:0}.chord-compare button span{grid-area:1/2/span 2}.cl-timbre{border-top:1px solid #ffffff1f;padding:18px 0 2px}.cl-timbre>p{color:var(--muted-on-dark);font-size:var(--type-floor);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}.cl-timbre-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cl-timbre-options button{min-height:56px;color:var(--muted-on-dark);cursor:pointer;text-align:left;transition:background var(--motion-duration) var(--motion-curve), transform var(--motion-duration) var(--motion-curve);background:0 0;border:1px solid #ffffff2e;flex-direction:column;justify-content:center;padding:0 12px;display:flex}.cl-timbre-options button[aria-pressed=true]{background:var(--acid);color:#181b13;border-color:#0000}.cl-timbre-options button:active{transform:scale(.97)}.cl-timbre-options button span{font-size:14px}.cl-timbre-options button small{font-family:var(--font-geist-mono), monospace;font-size:var(--type-floor);margin-top:4px}.cl-timbre-note{color:var(--muted-on-dark);font-size:var(--type-floor);margin-top:11px;line-height:1.55;display:block}@media (height<=500px) and (width>=681px){.cl-timbre{padding:10px 0 2px}.cl-timbre>p{margin-bottom:6px}.cl-timbre-options{grid-template-columns:1fr;gap:6px}.cl-timbre-options button{min-height:44px}.cl-timbre-note{margin-top:7px}.cl-timbre-note .copy-long{display:none}.cl-timbre-note .copy-short{display:inline}}@media (width<=680px){.cl-resolution{grid-template-columns:1fr;gap:18px;padding:17px}}@media (prefers-reduced-motion:reduce){.cl-resolution,.cl-resolution-path span,.cl-resolution-action button,.cl-timbre-options button{transition:none}}