:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#342e32;background:#b8aaa6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer}a{text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #783b50;outline-offset:5px}[hidden]{display:none!important}#world{position:fixed;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%}header{position:fixed;top:25px;left:34px;right:34px;display:flex;align-items:baseline;gap:26px;pointer-events:none}header a{pointer-events:auto}.wordmark{font:29px Georgia,serif;letter-spacing:-1.5px;text-decoration:none}header>span,.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase}.world-link{margin-left:auto;font-size:12px}.intro{position:fixed;top:20%;left:6%;pointer-events:none}.eyebrow{margin:0 0 22px}h1{font:clamp(56px,6.2vw,104px)/.91 Georgia,serif;letter-spacing:-5px;margin:0 0 25px;font-weight:400}h1 em{font-weight:400}p.description{font-size:14px;line-height:1.65;margin:0}.note-label{position:fixed;left:63%;top:70%;padding:10px 0;background:none;border:0;border-bottom:1px solid #655653;font-size:12px;white-space:nowrap}.note-label span{padding-left:24px}.study-controls{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;background:#efe6daed;padding:8px 19px 8px 8px;border:1px solid #ffffff40;box-shadow:0 4px 30px #2e1d2810;white-space:nowrap;font-size:11px}nav{display:flex;gap:2px}nav button{border:0;background:none;padding:12px 15px}nav button[aria-pressed=true]{background:#41353e;color:#fff8ee}.study-controls label{display:flex;align-items:center;gap:7px;cursor:pointer}input{accent-color:#69454d;margin:0}footer{position:fixed;left:34px;right:34px;bottom:25px;display:flex;align-items:center;gap:20px;font-size:10px}footer .limit{margin-left:auto}footer button{background:none;border:0;border-bottom:1px solid #746967;padding:0 0 3px;font-size:10px}#note-panel{position:fixed;right:34px;top:105px;width:310px;background:#f6f0e7f5;padding:30px;box-shadow:0 10px 50px #34213118}#close-note{position:absolute;top:12px;right:15px;background:none;border:0;font-size:25px}#note-panel h2{font:37px Georgia,serif;letter-spacing:-1px;margin:0 0 15px}#note-panel p{font-size:13px;line-height:1.6}#note-panel .eyebrow{font-size:9px;margin-bottom:16px}#note-panel .small{font-size:10px;color:#695c61;margin-top:22px}#connections article{padding:14px 0;border-top:1px solid #c7bdb3}#connections a{display:block;font-size:13px}#connections span{display:block;font-size:10px;margin-top:7px;color:#695c61}#connections .source{font-size:10px;margin-top:9px}#study-note{position:fixed;bottom:145px;right:34px;width:340px;padding:18px 23px;background:#f6f0e7f5;font-size:12px;line-height:1.6}#loading,#error{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#f6f0e7;padding:20px;font-size:13px}#error a{display:block;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-view=closer] .intro{visibility:hidden}
h1{max-width:88vw}
.study-controls{gap:18px}.intro{top:16%;left:5%}h1{font-size:clamp(56px,5.5vw,90px)}
@media(max-width:900px) and (min-width:701px){.study-controls{gap:12px;font-size:10px}nav button{padding:12px 9px}}
@media(max-width:700px){.study-controls{grid-template-columns:1fr 1fr 1fr;gap:12px 6px}.study-controls nav{grid-column:1/-1}.study-controls label{font-size:9px;gap:4px}.intro{top:12%;left:24px}}
@media(max-width:700px){header{top:20px;left:22px;right:22px;gap:15px}.wordmark{font-size:25px}header>span{display:none}.world-link{font-size:10px}.intro{top:13%;left:24px}h1{font-size:67px;letter-spacing:-3px;margin-bottom:16px}.eyebrow{font-size:9px;margin-bottom:15px}p.description{font-size:12px}.study-controls{bottom:74px;max-width:calc(100% - 24px);width:360px;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:8px 12px 14px;font-size:10px}nav{grid-column:1/-1;justify-content:space-between}nav button{flex:1;padding:11px 7px;font-size:11px}.study-controls label{justify-content:center}footer{left:22px;right:22px;bottom:20px;font-size:9px;align-items:end}footer>span:first-child{max-width:180px;line-height:1.7}footer .limit{display:none}footer button{margin-left:auto;font-size:9px}#note-panel{top:auto;bottom:195px;right:14px;width:min(310px,calc(100% - 28px));padding:25px;max-height:55vh;overflow:auto}#study-note{right:14px;bottom:195px;width:calc(100% - 28px)}.note-label{font-size:11px}}

@media(max-width:700px){.study-controls{grid-template-columns:1fr 1fr 1fr;gap:12px 6px}.study-controls label{font-size:9px;gap:4px}.intro{top:12%;left:24px}}
@media(max-width:700px){.study-controls:has(#wire){grid-template-columns:1fr 1fr}}

#note-nav{position:fixed;top:77px;left:5%;right:5%;gap:20px;align-items:center;pointer-events:none}
#note-nav button{pointer-events:auto;padding:7px 0;border-bottom:1px solid transparent;font-size:11px;background:none;color:inherit;flex:none}
#note-nav button[aria-pressed=true]{border-bottom-color:#654753;background:none;color:inherit}
#note-nav label,#note-nav select{pointer-events:auto;font-size:11px}
#note-nav:has(select){right:auto;gap:10px}
#note-nav select{max-width:230px;padding:7px 9px;background:#f0e8dacc;border:1px solid #cdbdad;color:inherit;font:inherit;font-size:11px}
#note-nav select:focus-visible{outline:2px solid #783b50;outline-offset:4px}
#note-panel{max-height:calc(100vh - 210px);overflow:auto}
@media(max-width:700px){#note-nav{top:62px;left:22px;right:22px;gap:17px;justify-content:space-between}#note-nav button{font-size:10px}.intro{top:16%}#note-panel{max-height:55vh}}
@media(max-width:700px){#note-nav:has(select){top:62px;right:auto;gap:8px}#note-nav select{max-width:195px}#note-nav label{font-size:10px}}