@font-face{font-family:Orbitron;src:url('Orbitron.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{color-scheme:dark;--green:#7dffd3;--muted:#a0b9ae}*{box-sizing:border-box}body{margin:0;background:#020806;color:#eefaf4;font-family:Arial,'Yu Gothic',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}#chapter-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,5,3,.72),rgba(0,5,3,.15));z-index:-1;pointer-events:none}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 5vw;border-bottom:1px solid #7dffd326}.brand{font-family:Orbitron;font-weight:700;font-size:17px}.brand span,.eyebrow{color:var(--green)}.back{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.chapter-nav{display:flex;flex-wrap:wrap;gap:4px 20px;padding:12px 5vw;font-size:12px}.chapter-nav a{padding:8px 0;color:var(--muted)}.chapter-nav [aria-current]{color:var(--green);border-bottom:1px solid var(--green)}main{max-width:1400px;margin:auto;padding:64px 6vw 90px}.eyebrow{font-size:11px;letter-spacing:.22em}h1,h2,h3{font-family:Orbitron;font-weight:700;line-height:1.3}h1{font-size:clamp(30px,4.7vw,68px);max-width:1000px;margin:18px 0 22px}h2{font-size:22px}h3{font-size:15px}.intro{max-width:650px;color:var(--muted);font-size:15px;margin-bottom:45px}.exhibit{display:grid;grid-template-columns:minmax(230px,1fr) minmax(260px,1.15fr);gap:7vw;align-items:center}.art{display:block;width:100%;padding:0;background:#04100b;border:1px solid #7dffd34d;box-shadow:0 18px 60px #0008;overflow:hidden}.art img{display:block;width:100%;max-height:580px;object-fit:contain}.caption{color:var(--muted);font-size:12px}.panel{background:#03100bdd;border:1px solid #7dffd330;padding:26px;margin:14px 0}.panel p{color:var(--muted);font-size:14px;margin-bottom:0}.steps{counter-reset:step;list-style:none;padding:0}.steps li{border-top:1px solid #7dffd333;padding:18px 0;counter-increment:step}.steps li:before{content:'0' counter(step);color:var(--green);margin-right:20px;font-family:Orbitron}.graphic .art{transform:rotate(-2deg);max-width:520px;margin:20px auto}.writing .art{max-width:330px;transform:perspective(1000px) rotateY(-12deg);border-bottom:8px solid #244237}.profile .art{max-width:300px}.voice .art{max-width:330px}.label{font-size:11px;letter-spacing:.15em;color:var(--green)}.page-footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #7dffd333;padding:26px 6vw;font-size:13px}.motion{border:1px solid #7dffd344;background:#03100b;padding:8px 14px;font-size:12px;min-height:44px}.tools{display:flex;gap:20px;align-items:center}.background-note{font-size:11px;color:#8ba699}dialog{max-width:94vw;max-height:94vh;background:#020806;color:white;border:1px solid #7dffd388;padding:16px}dialog::backdrop{background:#000d}dialog img{display:block;max-width:85vw;max-height:76vh;object-fit:contain}dialog button{display:block;margin:0 0 14px auto;background:#072015;border:1px solid #7dffd355;padding:7px 18px;min-height:44px}@media(max-width:760px){main{padding-top:34px}.exhibit{grid-template-columns:1fr;gap:20px}.art{max-width:460px;margin:auto}.site-header{padding:18px 5vw}.brand{font-size:13px}.chapter-nav{gap:0 14px}.tools{gap:10px}.motion{font-size:11px}h1{font-size:32px}.page-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#background-holder{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#chapter-bg{position:absolute;inset:0;z-index:auto;width:100%;height:100%;display:block;filter:grayscale(1) sepia(1) hue-rotate(95deg) saturate(2);opacity:.65}
body:before{z-index:1;background:linear-gradient(90deg,rgba(0,5,3,.60),rgba(0,5,3,.12))}
.site-header,.chapter-nav,main,.page-footer{position:relative;z-index:2}
body[data-background="FluidRipples"] #chapter-bg{opacity:.28}
.art img{aspect-ratio:30/41;object-fit:contain}
@media(max-width:760px){.tools{flex-wrap:wrap;justify-content:flex-end}.site-header{align-items:flex-start}}