@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";:root{--blue:#174cce;--deep:#123e9b;--line:#b9ccec;--muted:#59739f;--paper:#f7faff}*{box-sizing:border-box}body{background:var(--paper);color:var(--deep);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:13px}button,input,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer;background:0 0;border:0}button:hover{color:#001e67}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:5px}header{border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;height:91px;margin:0 3.5%;display:flex;position:relative}.wordmark{letter-spacing:-1.7px;font-family:Georgia,serif;font-size:29px;text-decoration:none}.wordmark span{margin-left:8px;font-size:32px}.status{color:var(--muted);font-size:10px}header button{border-bottom:1px solid var(--blue);padding:5px 0;font-size:11px}main{background-image:linear-gradient(#2150b807 1px,#0000 1px),linear-gradient(90deg,#2150b807 1px,#0000 1px);background-position:50%;background-size:60px 60px;height:calc(100svh - 144px);min-height:700px;position:relative;overflow:hidden}.intro{pointer-events:none;z-index:2;position:absolute;top:42px;left:5%}.edition{color:var(--muted);margin:0 0 23px;font-size:10px}h1{letter-spacing:-5px;margin:0;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(68px,7.8vw,120px);font-weight:400;line-height:.89}.lede{margin-top:24px;font-size:12px;line-height:1.85}#scene{touch-action:none;position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block}.navigator{z-index:3;width:255px;position:absolute;bottom:115px;left:5%}.navigator label{font-size:11px}.search-line{border-bottom:1px solid var(--blue);align-items:center;gap:8px;margin-top:8px;padding:6px 0 10px;display:flex}.search-line>span{font-size:24px}input{width:100%;color:var(--deep);background:0 0;border:0;outline:none;font:11px DM Sans,sans-serif}input::placeholder{color:var(--muted)}kbd{border:1px solid var(--line);padding:1px 5px;font-size:10px}.group-label{color:var(--muted);margin:20px 0 8px;font-size:10px}.switch{border:1px solid var(--line);gap:2px;padding:3px;display:flex}.switch button{flex:1;padding:7px 9px;font-size:10px}.switch button.active{background:var(--blue);color:#fff}#results{max-height:138px;margin-top:8px;overflow:auto}#results button{text-align:left;border-bottom:1px solid #dce5f5;width:100%;padding:6px 0;font-size:11px;display:block}#results p{font-size:11px}#note{border-top:2px solid var(--blue);z-index:3;background:#f7faffed;width:262px;padding:15px 0 0;position:absolute;top:125px;right:4%}#note:before{content:"";border-top:1px solid var(--blue);transform-origin:100%;width:55px;position:absolute;top:0;right:100%;transform:rotate(-26deg)}.note-head{justify-content:space-between;font-size:10px;display:flex}.sample{border:1px solid var(--line);color:var(--muted);padding:1px 5px}#note-project{color:var(--muted);margin:26px 0 10px;font-size:10px}h2{margin:0 0 15px;font-family:Libre Caslon Display,Georgia,serif;font-size:34px;font-weight:400;line-height:1.05}#note-body{min-height:85px;font-size:12px;line-height:1.8}.source{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:10px;display:flex}.source a{text-align:right;text-underline-offset:3px;max-width:180px}.related-label{color:var(--muted);margin:17px 0 8px;font-size:10px}#related button{text-align:left;border-bottom:1px solid #dce5f5;width:100%;padding:7px 0;font-size:11px;display:block}#related button:before{content:"↗";margin-right:9px}.note-foot{color:var(--muted);justify-content:space-between;margin:18px 0;font-size:9px;display:flex}.specimen{pointer-events:none;gap:11px;font-size:10px;line-height:1.8;display:flex;position:absolute;bottom:155px;left:43%}.specimen b{font-weight:500}.cross{font-size:25px;font-weight:400}.interaction{text-align:center;pointer-events:none;font-size:10px;line-height:1.9;position:absolute;bottom:35px;left:40%}.interaction span{color:#98b5e3;margin:0 10px}.interaction small{color:var(--muted);font-size:9px}.tools{gap:20px;display:flex;position:absolute;bottom:40px;right:4%}.tools button{border-bottom:1px solid var(--line);padding:7px 0;font-size:10px}.axis{color:var(--muted);pointer-events:none;flex-direction:column;gap:6px;font-size:9px;display:flex;position:absolute;top:44px;right:29%}.axis i{border-left:1px solid var(--line);height:34px;margin-left:5px}.axis span:last-child{margin-left:15px}footer{border-top:1px solid var(--line);height:53px;color:var(--muted);justify-content:space-between;align-items:center;margin:0 3.5%;font-size:9px;display:flex}dialog{border:1px solid var(--line);background:var(--paper);max-width:440px;color:var(--deep);padding:30px;line-height:1.8}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#123e9b22}#close-info{float:right;font-size:24px}.node-label{border:1px solid var(--blue);pointer-events:none;white-space:nowrap;background:#f7faff;padding:3px 6px;font-size:9px;position:absolute;transform:translate(12px,-50%)}@media (width>=1600px){#note{width:290px;right:6%}.intro,.navigator{left:6%}}@media (width<=1000px){#note{width:225px;top:170px;right:3%}.intro{left:4%}h1{font-size:82px}.navigator{width:215px;left:4%}.specimen{left:39%}.interaction{left:32%}.tools{right:3%}}@media (width<=700px){header{height:70px}.wordmark{font-size:25px}.status{text-align:center;max-width:140px;font-size:8px;line-height:1.6}header button{font-size:9px}main{height:auto;min-height:1250px;overflow:hidden}.intro{top:30px;left:6%}.edition{margin-bottom:18px;font-size:8px}h1{letter-spacing:-4px;font-size:78px}.lede{margin-top:18px;font-size:10px}#scene{height:620px;inset:70px 0 auto}.axis{top:35px;right:9%}.navigator{width:88%;top:615px;bottom:auto;left:6%}.switch button{font-size:11px}#results{max-height:110px}#note{width:88%;padding-top:12px;top:805px;right:6%}#note:before{width:25px}#note-project{margin:15px 0 8px}#note-body{min-height:0}.source{padding:8px 0}#related{gap:12px;display:flex}#related button{font-size:10px}.note-foot{margin:12px 0}.related-label{margin-top:12px}.specimen{font-size:8px;top:550px;bottom:auto;left:7%}.interaction{font-size:9px;inset:570px 6% auto auto}.interaction small{display:none}.tools{top:758px;bottom:auto;right:6%}.tools button{font-size:10px}footer{height:55px;font-size:8px}footer span:last-child{display:none}.node-label{font-size:8px}body.searching main{min-height:1380px}body.searching #note{top:935px}body.searching .tools{top:885px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
