:root{--ink:#080d1c;--panel:#141e32;--gold:#efc880;--ivory:#f3efe6;--sea:#83b9b6;--muted:#aab6ca;--line:#efc88038;color-scheme:dark;font-family:system-ui,sans-serif;background:var(--ink);color:var(--ivory);scroll-padding-top:90px}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:radial-gradient(ellipse at 50% 30%,#16253b80,transparent 60%),var(--ink);font-size:16px;line-height:1.6}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:var(--gold);text-underline-offset:.25em}button{font:inherit;cursor:pointer;color:inherit;background:#111c30;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:9px 16px}button:hover,a:hover{color:#fff4da}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sea);outline-offset:5px}button:disabled{cursor:default}button[aria-pressed=true],button[aria-expanded=true]{color:var(--gold);background:#efc88017;border-color:#efc880aa;box-shadow:inset 0 0 14px #efc88008}[hidden]{display:none!important}.skip{position:fixed;left:1rem;top:0;transform:translateY(-150%);max-width:calc(100vw - 2rem);z-index:100;background:var(--ink);padding:12px}.skip:focus{top:80px;transform:none}header{position:fixed;inset:0 0 auto;z-index:20;height:86px;padding:14px clamp(14px,4vw,56px);display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(var(--ink) 45%,#080d1cd9 80%,transparent);border-bottom:1px solid #efc8800f}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.16em;font-size:14px}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:var(--muted)}.crest{font-size:36px;font-weight:200}.controls{display:flex;gap:7px}.controls button{background:#080d1caa;font-size:12px;padding:8px 11px;min-width:50px}.controls button[aria-pressed=true],.controls button[aria-expanded=true]{background:#efc88017}#menu{position:fixed;right:clamp(12px,4vw,56px);top:78px;z-index:30;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 94px);overflow-y:auto;background:#111b2ff5;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 16px 80px #0009}#menu a{display:flex;gap:18px;align-items:center;text-decoration:none;padding:10px 16px;border-radius:8px;min-height:46px}#menu a:hover{background:#efc8800c}#menu a span{font-size:10px;color:var(--muted)}#menu p{padding:0 16px;font-size:11px;color:var(--muted)}#stage{position:fixed;top:28svh;bottom:10svh;left:0;right:0;z-index:2;pointer-events:none;transition:opacity .2s}.geometry-wrap{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(83vw,68svh,650px);aspect-ratio:1}#living-geometry{width:100%;height:100%;overflow:visible;fill:none;stroke:var(--gold);stroke-width:1.05;color:var(--gold)}#original-center{stroke-width:1.6}#spiral{stroke-width:.8;opacity:.64}#heart{stroke:none}.layer{opacity:0}.sea{stroke:var(--sea);color:var(--sea)}#seed{stroke-opacity:.6}#network circle{fill:var(--gold);stroke:none}#world{stroke-width:.8}.axis{position:absolute;left:50%;top:-9svh;bottom:-10svh;width:1px;background:linear-gradient(transparent,#efc88025,transparent)}.chapter{height:112svh;min-height:600px;position:relative;pointer-events:none}.chapter-copy{position:relative;z-index:4;padding:112px 24px 0;text-align:center;width:min(900px,100%);margin:auto}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12;text-wrap:balance;letter-spacing:-.025em}h1,h2{font-size:clamp(2.1rem,4.5vw,3.8rem);margin:12px 0}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:500;color:var(--gold);margin:0 0 16px}.invitation{font-size:12px;color:var(--muted);letter-spacing:.04em}.chapter-copy:focus-within{opacity:1!important}.chapter-copy a{pointer-events:auto}#orbit{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(100%,930px);height:100%;touch-action:pan-y;pointer-events:auto}.orbit-card{position:absolute;left:50%;top:46%;width:clamp(162px,22vw,250px);min-height:208px;padding:24px 18px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:12px;background:linear-gradient(155deg,#21344aef,#101a2cf7);border:1px solid #efc88073;border-radius:14px;box-shadow:0 16px 50px #0005;will-change:transform;pointer-events:none;text-align:center;transition:transform .42s ease,opacity .42s ease,filter .42s ease}.orbit-card[data-front=true]{pointer-events:auto;border-color:var(--gold);background:linear-gradient(155deg,#253b52,#101a2c);box-shadow:0 24px 70px #0007,0 0 40px #83b9b60b}.card-mark{font:44px Georgia;color:var(--gold);line-height:1}.card-name{font:22px Georgia;letter-spacing:.09em}.card-strap{font-size:12px;color:var(--muted)}.card-open{font-size:10px;color:var(--gold);letter-spacing:.08em}.orbit-arrow{position:absolute;top:calc(46% + 74px);transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;padding:0;background:#080d1ce8;font-size:23px}#previous{left:calc(50% - clamp(81px,11vw,125px) - 62px)}#next{right:calc(50% - clamp(81px,11vw,125px) - 62px)}#stage-action{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(90%,500px);text-align:center;pointer-events:auto}.primary{background:var(--gold);color:#10182b;border-color:var(--gold);font-weight:600}.primary:hover{background:#ffe0a8;color:#10182b}#scene-note{font-size:10px;color:var(--muted);margin:10px 0 0;line-height:1.5}#wayfinding{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;z-index:3;font-size:10px;color:var(--muted);pointer-events:none}.progress-line{width:130px;height:1px;background:var(--line)}.progress-line i{display:block;height:1px;width:0;background:var(--gold)}footer{position:relative;z-index:5;background:linear-gradient(#0b1426,#080d1c);border-top:1px solid var(--line);padding:90px max(24px,calc((100% - 850px)/2)) 60px;min-height:90svh}footer h2{font-size:clamp(2.3rem,5vw,4rem)}footer p{max-width:650px;color:var(--muted)}footer nav{display:flex;flex-wrap:wrap;gap:18px 28px;margin:24px 0}footer a{font-size:14px}footer details{margin:30px 0;border-block:1px solid var(--line);padding:16px 0}summary{cursor:pointer;padding:5px;color:var(--gold)}#plain-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.fine{font-size:12px}dialog{width:min(700px,calc(100% - 24px));max-height:calc(100dvh - 36px);padding:0;border:1px solid #efc88088;border-radius:18px;background:linear-gradient(140deg,#1a2940,#0d1528);color:var(--ivory);box-shadow:0 24px 120px #0009;overflow:hidden}dialog::backdrop{background:#060c19c9;backdrop-filter:blur(9px)}.panel-header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.panel-header .eyebrow{font-size:8px;margin:0}.panel-header button{white-space:nowrap}#panel-scroll{max-height:calc(100dvh - 132px);overflow:auto;overscroll-behavior:contain;padding:30px clamp(22px,5vw,48px) 44px}#panel-title{font-size:clamp(2rem,6vw,3.7rem);margin:0 0 18px}.panel-lead{font:24px/1.4 Georgia;color:var(--gold)}#panel-body p,#panel-body li{color:#c4cede}#panel-body h3{font:24px Georgia;color:var(--ivory);margin-top:30px}#panel-body .status-note{font-size:12px;padding:14px 16px;border-left:2px solid var(--sea);background:#83b9b60c}#panel-body a{display:inline-block;margin:6px 12px 6px 0;font-size:14px}.sample{padding:22px;background:#080d1c77;border:1px solid var(--line);border-radius:12px;margin:24px 0}.sample blockquote{margin:10px 0 26px;font:21px/1.5 Georgia}.sample button{font-size:13px}.sample .eyebrow{font-size:9px}.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}html:not(.enhanced) #stage,html:not(.enhanced) .controls,html:not(.enhanced) #wayfinding,html:not(.enhanced) #plain-actions{display:none}html:not(.enhanced) .chapter{height:auto;min-height:0;padding-bottom:30px}.enhanced .chapter-copy{opacity:0}html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}@media(max-width:600px){header{height:74px;padding:10px 12px;gap:6px}.brand{gap:5px;font-size:11px;letter-spacing:.12em}.brand small{display:none}.crest{font-size:27px}.controls{gap:4px}.controls button{padding:7px;min-width:43px;font-size:10px}#menu{top:70px;max-height:calc(100dvh - 82px)}.chapter-copy{padding-top:102px}.chapter{min-height:540px}h1,h2{font-size:2.1rem}#stage{top:29svh;bottom:11svh}.geometry-wrap{width:min(92vw,65svh)}.orbit-card{min-height:178px;padding:17px 10px;gap:9px}.card-mark{font-size:34px}.card-name{font-size:21px}.card-strap{font-size:10px}.orbit-arrow{width:40px;height:44px}#previous{left:calc(50% - 81px - 46px)}#next{right:calc(50% - 81px - 46px)}.eyebrow{font-size:9px}.panel-header{padding:14px 18px}.panel-header .eyebrow{max-width:150px}.panel-header button{font-size:12px}#panel-scroll{padding-top:22px}.progress-line{width:95px}#wayfinding{bottom:18px}footer{padding-top:60px}}
@media(max-height:520px){header{height:65px}.chapter-copy{padding-top:78px;width:48%;margin-left:0;text-align:left}h1,h2{font-size:1.7rem}.chapter{height:120svh;min-height:390px}#stage{top:70px;bottom:48px;left:39%}.geometry-wrap{width:min(49vw,80svh)}.orbit-card{width:150px;min-height:145px;padding:12px;gap:7px}.card-mark{font-size:27px}.card-name{font-size:17px}.card-strap,.card-open{font-size:9px}.orbit-arrow{top:calc(46% + 54px)}#previous{left:calc(50% - 122px)}#next{right:calc(50% - 122px)}#stage-action{bottom:-29px}#scene-note{display:none}#stage-action button{font-size:12px;padding:5px 12px}#wayfinding{bottom:14px}#menu{top:65px;max-height:calc(100dvh - 76px)}.panel-header{padding:8px 18px}#panel-scroll{max-height:calc(100dvh - 106px)}}

/* v0.5 continuous renderer and overlay refinements. */
.chapter{height:125svh;min-height:650px}.enhanced .chapter-copy{position:fixed;top:0;left:50%;transform:translateX(-50%);padding-top:112px;visibility:hidden}.geometry-wrap{z-index:10;width:min(95vw,85svh,850px)}#living-geometry{stroke-width:2.2}.prismatic{filter:url(#bloom);stroke-width:2.2;stroke-linecap:round;fill:none}#original-center{stroke-width:2.5}#heart{fill:#efc980;stroke:none;filter:url(#bloom)}#seed{stroke-opacity:1}#eye{stroke:#efc980;stroke-width:2;fill:none;filter:url(#bloom)}#horizontal-ray,#vertical-ray{stroke-width:6}#phone{fill:none;stroke:#6fe0e9;stroke-width:3.2;filter:url(#bloom)}#phone-screen{stroke:#7a9efa;stroke-width:1.3;fill:#14253f30}#first-nodes,#outer-nodes{fill:#bff4ec;stroke:none;filter:url(#bloom)}#journey{stroke:#8ae9f2;stroke-width:2.8;fill:none;filter:url(#bloom)}#plane{fill:#ffe177;stroke:#efffff;stroke-width:1}#orbit{left:0;right:0;margin:auto;transform:none;overflow:visible}.orbit-card{transition:none;min-height:190px;width:clamp(158px,21vw,240px)}.orbit-card[data-front=true]{background:linear-gradient(155deg,#2d455b,#101c31)}.orbit-card[data-active=true]{border-color:#ffe177;box-shadow:0 0 28px #ffe17755,inset 0 0 24px #ffe17733}#previous,#next{transition:none}#previous{left:calc(50% - clamp(79px,10.5vw,120px) - 59px)}#next{right:calc(50% - clamp(79px,10.5vw,120px) - 59px)}#stage{top:27svh;bottom:12svh}#stage-action{z-index:25;bottom:-3svh}dialog[data-phase=press]{opacity:0}dialog[data-phase=press]::backdrop{background:transparent;backdrop-filter:none}#wayfinding{display:none!important}
@media(max-width:600px){.enhanced .chapter-copy{padding-top:102px}.geometry-wrap{width:min(99vw,82svh)}#stage{top:28svh;bottom:14svh}.orbit-card{min-height:165px;padding:14px 10px}#previous{left:calc(50% - 79px - 46px)}#next{right:calc(50% - 79px - 46px)}#stage-action{bottom:-3svh}}
@media(max-height:520px){.enhanced .chapter-copy{left:0;transform:none;width:43%;padding-top:78px;text-align:left}.chapter{min-height:440px}#stage{top:70px;bottom:64px;left:39%}.geometry-wrap{width:min(52vw,91svh)}.orbit-card{width:140px;min-height:125px;gap:6px}.card-mark{font-size:24px}.card-name{font-size:17px}#previous{left:calc(50% - 118px)}#next{right:calc(50% - 118px)}#stage-action{bottom:-42px}}

.chapter:last-child{height:calc(max(125svh,650px) + 100svh)}
@media(max-height:520px){.chapter:last-child{height:calc(max(125svh,440px) + 100svh)}}

/* v0.6: connected light and stable reading rail. */
.enhanced .chapter-copy{transition:opacity .34s ease,translate .42s cubic-bezier(.2,.7,.2,1)}
#eye{filter:none;stroke-width:1.4}#horizontal-ray,#vertical-ray{stroke-width:2.1;stroke-linecap:round}#eye-lids{stroke-width:1.4}
.prismatic{filter:none}#lattice{filter:url(#bloom)}#heart{filter:none}#seed-junctions{fill:#b9f1e9;stroke:none}
#perimeter-1,#perimeter-4,#radial-0,#radial-3,#outward-0,#outward-3{stroke-width:2.6}
#earth{filter:saturate(.83)}
.orbit-card[data-front=true]{border:1px solid transparent;background:linear-gradient(155deg,#2d455b,#101c31) padding-box,linear-gradient(120deg,#ff7185,#ffb868,#ffe177,#83e8aa,#6fe0e9,#7a9efa,#c394fa) border-box}
#close-panel{color:var(--ivory);border:1px solid transparent;background:linear-gradient(#18273c,#18273c) padding-box,linear-gradient(110deg,#ff7185,#ffb868,#ffe177,#83e8aa,#6fe0e9,#7a9efa,#c394fa) border-box}
#close-panel:hover{color:#ffe177}#nav-download{margin-top:7px;background:#efc88015;border:1px solid #efc88065}
.library-entry{padding:25px 0;border-block:1px solid var(--line);margin-top:32px}.library-entry h3{font:28px Georgia;margin:0}.future-controls{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--muted)}

/* v0.7: five menu actions; Home remains the brand. */
#menu .menu-label{font-size:10px;letter-spacing:.16em;margin:4px 0 10px;padding:0;color:#b8c5d6}
#menu>a{padding:13px 12px;min-height:44px}#menu>a.primary{margin-top:12px;background:#efc980;color:#101829;border:1px solid #efc980;font-weight:650;border-radius:8px}
#reference-footer{max-width:1050px;margin:auto;padding:52px 26px 24px;position:relative;z-index:5;min-height:0}
.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.footer-brand{font-size:21px;letter-spacing:.22em;color:#f3efe6}.reference-grid p{margin:0 0 14px}.reference-grid nav{display:flex;flex-direction:column;gap:0}.reference-grid nav a{font-size:14px;min-height:44px;padding:11px 0;color:#b8c5d6;text-decoration:none}.reference-grid nav a:hover{color:#efc980}.reference-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;margin-top:30px;border-top:1px solid #efc98025;font-size:12px;color:#aab6ca}
.accessible-map{position:relative;padding:28px;background:#101829;z-index:5}.enhanced .accessible-map:not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){.reference-grid{grid-template-columns:1fr;gap:28px}#reference-footer{padding:36px 22px 22px}.reference-bottom{gap:8px;flex-wrap:wrap}}