.chain-list{display:flex;flex-direction:column;gap:16px}.chain-row{display:flex;border-bottom:1px solid #e5e5e5;align-items: center;gap:10px;padding-bottom:10px}.chain-index{color:var(--text-secondary);flex-shrink:0;min-width:1.6em;font-size:12px}.chain{display:flex;direction:ltr;flex-wrap:nowrap;align-items: center;gap:4px}.chain-value{font-family:var(--font-heading);letter-spacing:.02em;text-align:center;white-space:nowrap;border-radius:var(--border-radius-sm);border:2px solid #000;flex-shrink:0;min-width:34px;padding:6px;font-size:18px;line-height:1.5}.chain-value--start{color:#000}.chain-value--given{color:#9ca3af}.chain-value--blank{color:#000}.chain-value--answer{color:#000;font-weight:800}.chain-step{position:relative;flex-shrink:0}.chain-op{position:absolute;text-align:center;font-family:var(--font-heading);letter-spacing:.02em;padding:0 4px;font-size:13px;font-weight:800;line-height:1.5;top:0;left:0;right:0}.chain-arrow{position:absolute;width:40px;inset:0}.chain-arrow:before{content:"";position:absolute;background:#000;height:2px;top:50%;left:0;right:6px}.chain-arrow:after{content:"";position:absolute;border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid #000;width:0;height:0;margin-top:-4px;top:50%;right:0}