.world.w-exit{--w-bg:#060a14;--w-fg:#e9f6ff;--w-accent:#ffd36e;--w-muted:rgba(223,246,255,.74);--w-on-accent:#1a1406;--w-display:var(--display);--w-bar-bg:rgba(6,10,20,.78)}.w-exit .w-bar{border-color:#b7c8cc4d}.w-exit .w-name{letter-spacing:.14em}.w-exit .w-foot{border-color:#b7c8cc4d}.w-exit .w-next{border-color:#ffd36e}.x-hero{position:relative;min-height:calc(100vh - 56px);min-height:calc(100svh - 56px);overflow:hidden;display:flex;align-items:flex-start;isolation:isolate;background:#e7dccb;color:#23201a;transition:background .5s,color .5s}.x-hero[data-seen=true]{background:#060a14;color:#e9f6ff}.scene{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.scene .plain{transition:opacity .6s,filter .6s}.x-hero[data-seen=true] .scene .plain{opacity:.22;filter:grayscale(1) blur(1px)}.scene .seen{opacity:0;transition:opacity .5s;pointer-events:none}.x-hero[data-seen=true] .scene .seen{opacity:1;pointer-events:auto}.scene .shade{opacity:.84}.net path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s ease}.x-hero[data-seen=true] .net path{stroke-dashoffset:0;transition-delay:var(--d,0s)}.dots>g{opacity:0;transition:opacity .6s}.x-hero[data-seen=true] .dots>g{opacity:1;transition-delay:var(--d,0s)}.nlabel{font-family:var(--body);font-weight:700;font-size:24px;letter-spacing:.04em;fill:#c3d1d5}.me{cursor:pointer;outline:none}.me-ring{fill:none;stroke:#ffd36e;stroke-width:3;stroke-dasharray:6 9;transform-origin:1120px 800px;animation:spin 14s linear infinite}.me-dot{fill:none;stroke:#ffd36e;stroke-width:2.4}.me-label{font-family:var(--hand);font-weight:700;font-size:34px;fill:#ffd36e}.me:hover .me-ring{stroke-width:5}.me:focus-visible .me-ring{stroke:#fff;stroke-width:7;stroke-dasharray:none}.me:focus-visible .me-dot{stroke:#fff;fill:#ffd36e}.me:focus-visible .me-label{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:3}.x-hero.go .flash{animation:flash .55s ease}@keyframes flash{0%{opacity:0}18%{opacity:.95}to{opacity:0}}.x-hero-in{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:70px max(16px,env(safe-area-inset-left,0px)) 40px;width:100%}.x-kicker{margin:0 0 6px;font-weight:700;font-size:.875rem;letter-spacing:.03em;text-transform:none;opacity:1}.x-title{position:relative;margin:0 0 6px;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(5.4rem,22vw,17rem);line-height:1;letter-spacing:.005em}.x-title span{color:#c2562a;transition:color .5s}.x-hero[data-seen=true] .x-title span{color:#ffd36e}.x-title:after{content:attr(data-t);position:absolute;left:0;top:100%;text-transform:uppercase;transform:scaleY(-1);opacity:.16;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 35%,#000);mask-image:linear-gradient(to bottom,transparent 35%,#000);white-space:nowrap;font-size:inherit}.phase{position:relative;min-height:9rem;margin-top:clamp(40px,8vw,90px)}.phase.p1,.x-hero[data-seen=true] .phase.p0{display:none}.x-hero[data-seen=true] .phase.p1{display:block}.x-hand{margin:0;font-family:var(--hand);font-weight:700;font-size:clamp(2rem,5vw,3.4rem);transform:rotate(-2deg);width:fit-content}.p0 .x-hand{color:#7a3a20}.p1 .x-hand{color:#ffd36e}.x-sub{font-family:var(--serif);font-style:italic;font-weight:700;font-size:clamp(1.2rem,2.4vw,1.8rem);line-height:1.3;max-width:30ch;margin:14px 0 0}.x-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.x-hero:not([data-seen=true]) .w-btn{--w-accent:#a8431f;--w-on-accent:#fff7e8}.x-hero:not([data-seen=true]) .w-btn.ghost{color:#23201a;border-color:#23201a;background:transparent}.x-hero[data-seen=true] .x-sub,.x-hero[data-seen=true] .x-hand,.x-hero[data-seen=true] .x-status{text-shadow:0 0 14px #060a14,0 0 6px #060a14,0 0 2px #060a14}.x-status{margin:10px 0 0;font-size:.9rem;opacity:.8;min-height:1.3em}.x-in{max-width:1100px;margin:0 auto}.x-scene{padding:120px max(16px,env(safe-area-inset-left,0px)) 0}.x-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.x-label{margin:0 0 14px;font-weight:700;font-size:.875rem;letter-spacing:.03em;text-transform:none;color:#b7c8cc}.x-scene h2{margin:0;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(2.8rem,6vw,5rem);line-height:.92}.x-scene h2 em{font-family:var(--serif);font-style:italic;font-weight:900;text-transform:none;color:#ffd36e}.x-intro{margin:16px 0 34px;max-width:52ch;color:var(--w-muted);font-size:1.1rem}.x-text{display:flex;flex-direction:column;gap:18px;font-size:1.15rem;line-height:1.7;min-width:0}.x-text p{margin:0;max-width:52ch}.x-text .first{font-size:1.35rem;line-height:1.55;font-weight:500}.where{margin:26px 0 0;font-family:var(--serif);font-weight:700;font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.2}.where em{font-style:italic;color:#ffd36e;font-size:1.3em}.x-take{padding:60px max(16px,env(safe-area-inset-left,0px)) 0}.x-card{max-width:760px;margin:0 auto;padding:36px;border:1px solid rgba(183,200,204,.45);background:#b7c8cc0d}.x-prompt{margin:0 0 14px;font-family:var(--serif);font-style:italic;font-weight:700;font-size:1.3rem}.ta-stage{position:relative;min-height:9rem;margin-bottom:16px}.ta-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}.ta-list li{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(2rem,5.4vw,3.4rem);line-height:1;transition:opacity .5s,transform .5s,filter .5s}.ta-list li.gone{opacity:0;transform:translateY(10px) scale(.96);filter:blur(5px)}.ta-after{position:absolute;inset:0;display:grid;place-items:center;text-align:center;margin:0;font-family:var(--hand);font-weight:700;font-size:clamp(1.8rem,4.6vw,2.8rem);color:#ffd36e;transform:rotate(-1.5deg);padding:0 10px}.ta-after[hidden]{display:none}.ta-actions{display:flex;gap:12px;flex-wrap:wrap}.ta-status{margin:12px 0 0;font-size:.9rem;opacity:.85;min-height:1.3em}.x-card .w-btn:disabled{opacity:.45;cursor:default}@media(prefers-reduced-motion:reduce){.spark.on{animation:none}.ta-list li{transition:none}.scene .plain,.scene .seen,.net path,.dots>g{transition:none}.me-ring{animation:none}}.lay-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}.lay-stage{--gap:30px;min-width:0}.lay-scene{position:relative;height:min(460px,70vw);perspective:1500px;overflow:visible}.stack{position:absolute;left:50%;top:52%;width:min(380px,62vw);aspect-ratio:380/250;margin:calc(min(380px,62vw)*-.33) 0 0 calc(min(380px,62vw)/-2);transform-style:preserve-3d;transform:rotateX(60deg) rotate(-36deg)}.sheet{position:absolute;inset:0;border:2px solid rgba(223,246,255,.5);transform:translateZ(calc(var(--i)*var(--gap)));transition:transform .45s,box-shadow .3s,border-color .3s;cursor:pointer;overflow:hidden;backface-visibility:visible}.sheet svg{display:block;width:100%;height:100%}.sheet.sel{transform:translateZ(calc(var(--i)*var(--gap) + 24px));border-color:#ffd36e;box-shadow:0 0 0 2px #ffd36e,0 12px 20px #00000059}.s5{background:#fff4d257;border:3px dashed #ffd36e;box-shadow:0 8px 18px #0000004d;display:grid;place-items:center;overflow:visible}.s5 .plus{font-family:var(--display);font-weight:800;font-size:5rem;color:#ffd36e;opacity:.8}.spark{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;border-radius:50%;background:#ffd36e;box-shadow:0 0 30px 14px #ffd36ecc;opacity:0;transition:opacity .4s}.spark.on{opacity:1;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 50px 24px #ffd36ef2}}.s5:has(.spark.on) .plus{opacity:0}.s5:has(.spark.on){background:#ffd36e47}.spread{display:flex;align-items:center;gap:14px;font-weight:700;font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;margin-top:8px}.spread input{flex:1;min-width:0;height:36px;accent-color:#ffd36e}.lay-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px}.lay-btn{width:100%;display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 16px;text-align:left;font:700 1rem var(--body);color:#e9f6ff;background:transparent;border:2px solid rgba(183,200,204,.45);cursor:pointer;border-radius:0;transition:background .15s,transform .15s}.lay-btn b{font-family:var(--display);font-weight:800;font-size:1.6rem;color:#b7c8cc}.lay-btn:hover{background:#b7c8cc1a;transform:translate(4px)}.lay-btn[aria-pressed=true]{border-color:#ffd36e;background:#ffd36e1a}.lay-btn[aria-pressed=true] b{color:#ffd36e}.lay-text{margin:0;font-family:var(--serif);font-style:italic;font-weight:700;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.35;max-width:32ch}.mark{margin-top:18px;display:flex;flex-direction:column;gap:10px}.mark label{font-weight:700;font-size:.8rem;letter-spacing:.03em;text-transform:none;color:#ffd36e}.mark textarea{width:100%;font:500 1.05rem var(--body);padding:12px 14px;background:#ffffff0f;border:2px solid #ffd36e;color:#fff;border-radius:0;resize:vertical;min-height:88px}.mark-actions{display:flex;gap:10px;flex-wrap:wrap}.mark-status{margin:0;min-height:1.3em;font-size:.9rem;color:var(--w-muted)}.x-inter{padding:130px max(16px,env(safe-area-inset-left,0px)) 10px}.il{margin:0;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(3rem,11vw,9rem);line-height:.9;color:#e9f6ff}.il.last{color:#ffd36e}.il-sub{margin:28px 0 0;font-family:var(--serif);font-style:italic;font-weight:700;font-size:clamp(1.3rem,2.6vw,1.9rem);max-width:30ch;color:var(--w-muted)}.x-book{padding-bottom:20px}.x-book-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.x-text blockquote{margin:6px 0;padding:0 0 0 24px;border-left:5px solid #ffd36e;font-family:var(--serif);font-style:italic;font-weight:900;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.25;max-width:22ch}.x-text a{color:#ffd36e;font-weight:700}.x-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.book3d{--rx:0deg;--ry:-18deg;perspective:1200px;display:grid;place-items:center;padding:30px 0;min-width:0}.book-body{position:relative;width:min(300px,70vw);aspect-ratio:.68;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .15s ease-out}.book-spine{position:absolute;left:0;top:0;bottom:0;width:26px;transform-origin:left center;transform:rotateY(90deg) translate(-13px);background:#0d1424;box-shadow:inset 0 0 0 2px #b7c8cc59}.book-cover{position:absolute;inset:0;overflow:hidden;background:#060a14;box-shadow:0 30px 50px #0009,inset 0 0 0 2px #b7c8cc66}.bl{position:absolute;border:2px solid rgba(183,200,204,.6);background:#b7c8cc0a}.bl1{inset:30% 8% 10% 14%;opacity:.25}.bl2{inset:35% 12% 14% 18%;opacity:.4}.bl3{inset:40% 16% 18% 22%;opacity:.55}.bl4{inset:45% 20% 22% 26%;opacity:.75}.bl5{inset:50% 24% 26% 30%;border-color:#ffd36e;background:#ffd36e2e;box-shadow:0 8px 18px #0000004d}.bc-title{position:absolute;left:8%;top:7%;margin:0;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(2.6rem,9vw,4.6rem);line-height:1;color:#e9f6ff}.bc-by{position:absolute;left:8%;bottom:5%;margin:0;font-weight:700;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#ffd36e}@media(prefers-reduced-motion:reduce){.book-body{transform:rotateY(-18deg);transition:none}}@media(max-width:980px){.x-grid,.x-book-grid,.lay-grid{grid-template-columns:1fr;gap:32px}.x-scene{padding-top:80px}.x-card{padding:26px 20px}.lay-scene{height:min(380px,86vw)}}