@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.sankey-page{--ink:#171914;--paper:#f1ede2;--panel:#f8f5ed;--lime:#d8ff4f;--violet:#b8a8ff;--line:#17191429;min-height:100svh;color:var(--ink);background:var(--paper);padding:4vw;font-family:Arial,sans-serif;overflow-x:auto}.sankey-page *{box-sizing:border-box}.sankey-diagram{border:1px solid var(--line);background:var(--panel);min-width:1160px;padding:34px;overflow:hidden}.sankey-timeflow{align-items:start;width:100%;display:flex}.milestone-pair{flex:1;min-width:0;display:flex}.sankey-milestone{flex:0 0 174px;width:174px}.sankey-milestone>time{color:#555c51;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;font:500 .68rem DM Mono,monospace;display:block}.inventory-combined{min-width:0}.inventory-title{color:#656b61;letter-spacing:.06em;text-align:center;text-transform:uppercase;margin-bottom:6px;font:500 .58rem DM Mono,monospace;display:block}.inventory-bar{border:1px solid var(--line);height:260px;overflow:hidden}.inventory-bar-combined{grid-template-columns:1fr 1fr;display:grid}.material-track{flex-direction:column;min-width:0;display:flex}.material-track+.material-track{border-left:1px solid var(--line)}.inventory-segment{min-height:0}.segment-uncut{background:#b8a8ff}.inventory-thread .segment-uncut{background:#a9e7dc}.segment-cut{background:#ded9cc}.segment-used{background:#d8ff4f}.inventory-combined dl{gap:2px;margin:8px 0 0;display:grid}.inventory-combined dl>div{letter-spacing:.02em;text-transform:uppercase;justify-content:space-between;gap:5px;font:500 .53rem DM Mono,monospace;display:flex}.inventory-combined dt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inventory-combined dd{margin:0;font-weight:700}.sankey-ribbon{flex:1;grid-template-columns:1fr 1fr;gap:0;min-width:52px;height:260px;margin-top:43px;display:grid}.ribbon-lane{min-width:0;position:relative}.ribbon-lane+.ribbon-lane{border-left:1px solid var(--line)}.ribbon-lane i{display:block;position:absolute;inset:0}.ribbon-uncut{clip-path:polygon(0 0,100% 0,100% var(--to-first),0 var(--from-first));background:#b8a8ff}.ribbon-thread .ribbon-uncut{background:#a9e7dc}.ribbon-cut{clip-path:polygon(0 var(--from-first),100% var(--to-first),100% var(--to-second),0 var(--from-second));background:#ded9cc}.ribbon-used{clip-path:polygon(0 var(--from-second),100% var(--to-second),100% 100%,0 100%);background:#d8ff4f}.diagram-legend{border-top:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:22px;margin-top:34px;padding-top:16px;font:500 .61rem DM Mono,monospace;display:flex}.diagram-legend span{align-items:center;gap:7px;display:flex}.diagram-legend i{width:10px;height:10px}.legend-uncut{background:linear-gradient(90deg,var(--violet) 50%,#a9e7dc 50%)}.legend-cut{background:#ded9cc}.legend-used{background:var(--lime)}.diagram-legend small{color:#676d63;text-align:right;max-width:390px;margin-left:auto;font-size:.54rem;line-height:1.4}.process-map{border-top:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;margin-top:34px;padding-top:22px;font:500 .6rem DM Mono,monospace}.process-branches{grid-template-columns:1fr 1fr;gap:34px;display:grid}.process-branch{grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;display:grid}.process-branch>i,.process-combined>i{background:#8e9488;height:1px}.process-node{border:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:54px;padding:9px;display:flex}.process-node small{color:#747a70;margin-top:4px;font-size:.52rem}.process-rope-branch .process-node:first-child{border-top:4px solid var(--violet)}.process-thread-branch .process-node:first-child{border-top:4px solid #a9e7dc}.process-combined{grid-template-columns:1.4fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;width:70%;margin:28px 0 0 30%;display:grid;position:relative}.process-combined:before{content:"";background:#8e9488;width:1px;height:29px;position:absolute;top:-29px;left:0}.merge-label{color:#eef0e8;background:var(--ink);text-align:center;padding:9px 11px;line-height:1.35}.process-node-finished{background:var(--lime);border-color:#9ab536}@media (width<=760px){.sankey-page{padding:16px}.sankey-diagram{padding:24px}.process-map{font-size:.54rem}}.sankey-diagram{min-width:1660px}.inventory-bar{box-shadow:inset 0 0 0 1px var(--line);border:0}.inventory-bar-combined,.sankey-ribbon{display:block}.sankey-ribbon{height:260px;margin-top:42px}.combined-flow-track,.combined-ribbon{height:100%;position:relative}.combined-flow-track{flex-direction:column;display:flex}.combined-ribbon i{display:block;position:absolute;inset:0}.segment-uncut-rope{background:var(--violet)}.segment-cut-rope,.segment-cut-thread{background:#ded9cc}.segment-uncut-thread,.ribbon-thread .segment-uncut{background:#a9e7dc}.segment-thimbled,.legend-thimbled{background:#ffbd73}.segment-crimped,.legend-crimped{background:#56c6c0}.segment-unbraided,.legend-unbraided{background:#f1a7c4}.segment-braided,.legend-braided{background:#8fb5f5}.segment-finished{background:var(--lime)}.diagram-legend{flex-wrap:wrap}.diagram-legend small{text-align:left;flex:1 0 100%;max-width:none;margin-left:0}.inventory-bar-combined,.sankey-ribbon{grid-template-rows:1fr 1fr;grid-template-columns:none}.material-track{min-height:0;position:relative}.material-track:after{content:attr(aria-label);z-index:2;color:#30342d;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;background:#f8f5edc7;padding:2px 4px;font:500 .48rem DM Mono,monospace;position:absolute;top:5px;left:6px}.material-track+.material-track,.ribbon-lane+.ribbon-lane{border-left:0;border-top:1px solid var(--line)}.ribbon-lane{min-height:0}.inventory-segment,.ribbon-lane i,.combined-ribbon i,.process-node,.merge-junction{cursor:help}.hover-title{z-index:10000;color:#f8f5ed;letter-spacing:.02em;text-align:center;text-transform:none;pointer-events:none;background:#171914f5;border:1px solid #ffffff29;border-radius:7px;max-width:280px;padding:8px 11px;font:500 .69rem/1.35 DM Mono,monospace;animation:70ms ease-out hover-title-in;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #17191438}.hover-title-above{transform:translate(-50%,-100%)}@keyframes hover-title-in{0%{opacity:0;scale:.98}to{opacity:1;scale:1}}.process-map{min-height:172px;position:relative}.process-branches{grid-template-columns:1fr;gap:20px;width:52%}.process-combined{grid-template-columns:54px 1fr 28px 1fr 28px 1fr;width:auto;height:128px;margin:0;position:absolute;top:22px;left:52%;right:0}.process-combined:before{display:none}.merge-junction{height:100%;position:relative}.merge-junction:before{content:"";border-top:1px solid #8e9488;border-bottom:1px solid #8e9488;border-right:1px solid #8e9488;position:absolute;inset:27px 50% 27px 0}.merge-junction:after{content:"";background:#8e9488;height:1px;position:absolute;top:50%;left:50%;right:0}