:root{--ground:#170e13;--copy:#e8cfc2;--gold:#ffd6ae;--purple:#ff92e4;--platinum:#fff0e5;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;color:var(--platinum);background:var(--ground)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;font-size:18px;line-height:1.55;background:#170e13}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #fff2db;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:6px}
#world-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.woven-field{position:absolute;inset:0;background:#170e13 url('/assets/network-fallback.webp') center/cover no-repeat}#world-layer:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 30%,#170e1355 85%),linear-gradient(0deg,#170e13bb,transparent 30%);pointer-events:none}
#shell{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column}header{padding:32px 7.8% 12px}.wordmark{display:inline-flex;flex-direction:column;align-items:center;font-size:28px;font-weight:300;letter-spacing:.22em;line-height:1.35;min-height:52px}.wordmark span{font-size:11px;letter-spacing:.47em;padding-left:.35em;margin-top:6px}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:16px}
#recovery-nav{display:flex;align-items:center;gap:28px;padding:18px 7.8%;font-size:15px;color:var(--copy)}main{position:relative;flex:1;padding:36px 7.8% 50px;outline:none}.reading{position:relative;z-index:2;max-width:650px}h1{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1.08;letter-spacing:-.035em;font-weight:350;text-wrap:balance;margin:0 0 24px}h2{font-size:26px;font-weight:450;line-height:1.2}.intro{max-width:540px;font-size:21px;line-height:1.5;color:var(--copy);margin:0 0 44px}
.branch-paths{display:flex;flex-direction:column;gap:18px;max-width:590px}.route-link{display:flex;position:relative;align-items:center;gap:18px;min-height:76px;padding:17px 0;border-bottom:1px solid #bc7b765e;color:var(--platinum)}.route-link strong{font-size:23px;font-weight:450;line-height:1.2;display:block}.route-link small{display:block;color:var(--copy);font-size:16px;margin-top:8px}.node{display:block;width:8px;height:8px;border-radius:50%;background:#ffe3c8;box-shadow:0 0 10px #ffbb80,0 0 24px #ff785288;flex:none}.purple .node{background:#ffbeed;box-shadow:0 0 12px #ff65d7,0 0 25px #ff31b57a}.arrow{margin-left:auto;font-size:22px}.draft-copy{font-size:21px;color:var(--copy);max-width:570px}.related{margin-top:35px}.portal-note{max-width:600px}.portal-note p{color:var(--copy)}
footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 7.8% 28px;font-size:12px;color:#d9bdb0}footer p{margin:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:#211514;padding:12px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* A full-height gateway into the weave. The network is the subject. */
body[data-scene=home] #shell{min-height:max(760px,100svh)}body[data-scene=home] header{position:absolute;top:22%;left:0;right:0;padding:0;text-align:center;z-index:3;pointer-events:none}body[data-scene=home] .wordmark{pointer-events:auto;font-size:clamp(44px,7.1vw,112px);letter-spacing:.16em;line-height:1.15;text-shadow:0 3px 40px #160c12,0 0 70px #160c12}body[data-scene=home] .wordmark span{font-size:13px;letter-spacing:.85em;margin-top:20px}body[data-scene=home] main{padding:0;min-height:700px}.home-intro{position:absolute;top:47%;left:20px;right:20px;margin:0;text-align:center;color:#ead2c6;font-size:16px;letter-spacing:.05em;text-shadow:0 2px 20px #170e13}
.home-paths{position:absolute;left:8%;right:8%;bottom:23%;display:flex;justify-content:center;gap:24px}.home-paths .route-link{width:300px;min-height:84px}.home-paths .route-link strong{font-size:20px;max-width:220px}.dashboard-link{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:15px;letter-spacing:.02em}body[data-scene=home] footer{justify-content:center;padding:14px 20px 24px;font-size:11px}
@media(max-width:850px){header{padding:30px 6% 12px}main{padding:28px 6% 35px}#recovery-nav{padding:15px 6%;gap:18px;flex-wrap:wrap}.reading{max-width:620px}h1{font-size:44px}.intro{font-size:20px;margin-bottom:30px}footer{padding:20px 6% 75px;align-items:flex-start;flex-direction:column;gap:10px}.route-link strong{font-size:21px}}
@media(max-width:699px){body[data-scene=home] #shell{min-height:max(760px,100svh)}body[data-scene=home] main{min-height:660px}body[data-scene=home] header{top:22%}body[data-scene=home] .wordmark{font-size:clamp(32px,9vw,52px);letter-spacing:.12em}body[data-scene=home] .wordmark span{font-size:10px;letter-spacing:.65em;margin-top:17px}.home-intro{top:41%;font-size:14px}.home-paths{left:7%;right:7%;bottom:25%;gap:12px;flex-direction:column}.home-paths .route-link{width:100%;min-height:70px}.home-paths .route-link strong{font-size:18px}.home-paths .arrow{display:block}.dashboard-link{bottom:10%}body[data-scene=home] footer{align-items:center;padding:0 18px 72px;font-size:10px;text-align:center}h1{font-size:39px}.draft-copy{font-size:19px}.wordmark{font-size:25px}.branch-paths .route-link{gap:14px}}
