:root{
  --ink:#080b10;--void:#0e131b;--panel:#141b25;--mist:#f6f1e7;--paper:#fffaf0;--gold:#caa86a;--gold2:#e7d3a1;--silver:#c7d0d8;--blue:#83c7e8;--muted:#9fa9b5;--line:rgba(202,168,106,.35);
  --serif: Georgia, 'Times New Roman', serif; --sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  --page-bg: radial-gradient(circle at 50% 0%,#192538 0,#080b10 52%,#050608 100%);
  --nav-bg: rgba(8,11,16,.78);
  --card-bg: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--page-bg);color:var(--mist);font-family:var(--sans);line-height:1.65;}
a{color:inherit;text-decoration:none}.wrap{width:min(1160px,92vw);margin:auto}.nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:var(--serif);letter-spacing:.22em;font-size:18px}.brand span{color:var(--gold)}.links{display:flex;gap:18px;align-items:center;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--silver)}.links a{opacity:.84}.links a:hover{opacity:1;color:var(--gold2)}.menu{display:none;border:1px solid var(--line);background:transparent;color:var(--mist);padding:8px 10px;letter-spacing:.12em}.hero{min-height:calc(100vh - 72px);display:grid;place-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.85),rgba(8,11,16,.35),rgba(8,11,16,.85)),var(--hero) center/cover no-repeat;filter:saturate(.86);transform:scale(1.02)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 0 35%,rgba(8,11,16,.7) 82%)}.hero-content{position:relative;z-index:1;text-align:center;width:min(920px,90vw);padding:70px 0}.kicker{color:var(--gold2);text-transform:uppercase;letter-spacing:.34em;font-size:12px}.title{font-family:var(--serif);font-size:clamp(48px,7vw,96px);line-height:.92;letter-spacing:.12em;margin:24px 0}.subtitle{font-family:var(--serif);font-size:clamp(22px,3vw,36px);color:#f8edd4;margin-bottom:24px}.quote{font-family:var(--serif);font-size:clamp(18px,2.2vw,27px);color:#dbe6ea;max-width:720px;margin:26px auto}.cta{display:inline-flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:28px}.button{border:1px solid var(--gold);padding:13px 20px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;background:rgba(202,168,106,.08)}.button:hover{background:rgba(202,168,106,.18)}section,.page{padding:84px 0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px}.card{background:var(--card-bg);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.22)}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}h2{font-size:clamp(34px,5vw,68px);margin:0 0 18px;letter-spacing:.04em}h3{font-size:28px;color:#f7e7c4;margin:0 0 12px}.lead{font-family:var(--serif);font-size:clamp(21px,2.3vw,31px);color:#e8dac0}.muted{color:var(--muted)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:52px 0}.image-card{padding:0;overflow:hidden}.image-card img{display:block;width:100%;height:100%;object-fit:cover}.profile{display:grid;grid-template-columns:170px 1fr;gap:14px}.profile dt{color:var(--gold2);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.profile dd{margin:0 0 12px}.reveal{font-family:var(--serif);font-size:clamp(38px,8vw,86px);text-align:center;letter-spacing:.14em}.reveal .gold{color:var(--gold2)}.questions{display:grid;gap:18px}.question{font-family:var(--serif);font-size:clamp(22px,3vw,38px);border-left:1px solid var(--gold);padding:10px 0 10px 24px;color:#f7edd9}.worlds{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.world{position:relative;min-height:340px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#111}.world img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.world div{position:absolute;inset:auto 0 0;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.82))}.world h3{font-size:24px}.footer{padding:42px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-inner{display:flex;align-items:center;flex-wrap:wrap}.footer-inner span:last-child{margin-left:auto;padding-left:32px;white-space:nowrap}.footer-inner a{color:var(--gold2);opacity:.7;transition:opacity .3s}.footer-inner a:hover{opacity:1}.light{background:linear-gradient(180deg,#fff9ed,#eadfc9);color:#1c1b18}.light .card{background:rgba(255,255,255,.72);color:#1c1b18}.light .muted{color:#57524a}.mirror-page{min-height:90vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#f9ecd1 0,#0c1018 42%,#050608 76%)}.mirror-page h1{font-size:clamp(48px,9vw,120px)}@media(max-width:820px){.links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:#080b10;padding:18px;border-bottom:1px solid var(--line)}.links.open{display:flex}.menu{display:block}.span-4,.span-6,.span-8{grid-column:span 12}.profile{grid-template-columns:1fr}.title{letter-spacing:.06em}}
[data-title-reveal]{transition:opacity .7s ease}[data-title-reveal].revealing{opacity:0}
.anai-voice{font-family:var(--serif);font-style:italic;font-size:clamp(17px,2vw,24px);color:#d4e8f2;border-left:2px solid rgba(131,199,232,.45);padding:14px 0 14px 26px;margin:36px 0}
.anai-voice cite{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-style:normal}
.chain{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;padding:28px 0}
.chain-node{font-family:var(--serif);font-size:clamp(17px,2.2vw,26px);color:#f7edd9;padding:10px 0;letter-spacing:.06em}
.chain-arrow{color:var(--gold);font-size:16px;line-height:1.2;opacity:.55}
.chain-node.unknown{color:var(--muted);font-style:italic}
.mirror-link{display:block;text-align:center;margin-top:56px;font-family:var(--serif);font-size:12px;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;opacity:.35;transition:opacity .5s}.mirror-link:hover{opacity:.9;color:var(--gold2)}
.mirror-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.central-qs{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.central-qs li{font-family:var(--serif);font-size:15px;line-height:1.55;color:var(--mist);padding-left:14px;border-left:1px solid var(--gold);opacity:.85}

/* ── Twilight theme ── */
html[data-theme="twilight"]{--page-bg:radial-gradient(ellipse at 30% 0%,rgba(100,40,200,.26) 0%,transparent 44%),radial-gradient(ellipse at 72% 8%,rgba(56,180,170,.16) 0%,transparent 42%),radial-gradient(circle at 50% 0%,#1e1248 0%,#0c1a2e 45%,#060f1a 80%,#030810 100%);--nav-bg:rgba(12,8,28,.84);--card-bg:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02));--ink:#070b18;--void:#0d1525;--gold:#4ecfcb;--gold2:#88e0dc;--blue:#c084fc;--silver:#b0c4d8;--muted:#7a8fa8;--line:rgba(78,207,203,.25)}
html[data-theme="twilight"] .hero::before{background:linear-gradient(90deg,rgba(7,9,24,.85),rgba(7,9,24,.28),rgba(7,9,24,.85)),var(--hero) center/cover no-repeat;filter:saturate(.9);transform:scale(1.02)}
html[data-theme="twilight"] .hero::after{background:radial-gradient(circle,transparent 0 35%,rgba(6,10,24,.62) 82%)}
html[data-theme="twilight"] h3{color:#9de8e4}
html[data-theme="twilight"] .lead{color:#cce6e4}
html[data-theme="twilight"] .subtitle{color:#cce4f8}
html[data-theme="twilight"] .quote{color:#b8dcf8}
html[data-theme="twilight"] .anai-voice{color:#c4e0f8;border-left-color:rgba(192,132,252,.42)}
html[data-theme="twilight"] .question{color:#dceef8}
html[data-theme="twilight"] .chain-node{color:#dceef8}
html[data-theme="twilight"] .button{border-color:var(--gold);background:rgba(78,207,203,.07)}
html[data-theme="twilight"] .button:hover{background:rgba(78,207,203,.16)}
@media(max-width:820px){html[data-theme="twilight"] .links{background:#070b18}}

/* ── Light theme ── */
html[data-theme="light"]{--page-bg:linear-gradient(160deg,#fffdf5 0%,#f8f0dc 55%,#eedfbe 100%);--nav-bg:rgba(255,252,240,.92);--card-bg:rgba(255,255,255,.72);--ink:#1c1810;--void:#f8f0e3;--panel:#fff;--mist:#1c1810;--gold:#a07838;--gold2:#7a5a20;--silver:#6a6058;--blue:#2a6a8a;--muted:#7a6a58;--line:rgba(160,120,56,.28)}
html[data-theme="light"] body{color:#1c1810}
html[data-theme="light"] .nav{border-bottom-color:rgba(160,120,56,.22)}
html[data-theme="light"] .hero::before{background:linear-gradient(90deg,rgba(248,240,220,.78),rgba(248,240,220,.22),rgba(248,240,220,.78)),var(--hero) center/cover no-repeat;filter:saturate(.9);transform:scale(1.02)}
html[data-theme="light"] .hero::after{background:radial-gradient(circle,transparent 0 35%,rgba(238,223,190,.68) 82%)}
html[data-theme="light"] h3{color:#5a3a10}
html[data-theme="light"] .lead{color:#2e2010}
html[data-theme="light"] .subtitle{color:#1e1408}
html[data-theme="light"] .quote{color:#2a3a48}
html[data-theme="light"] .anai-voice{color:#1e4a68;border-left-color:rgba(42,106,138,.38)}
html[data-theme="light"] .question{color:#1c1810}
html[data-theme="light"] .chain-node{color:#2c2010}
html[data-theme="light"] .button{background:rgba(160,120,56,.09)}
html[data-theme="light"] .button:hover{background:rgba(160,120,56,.18)}
html[data-theme="light"] .world div{background:linear-gradient(transparent,rgba(28,24,16,.84))}
html[data-theme="light"] .mirror-page{background:radial-gradient(circle,#f9ecd1 0,#e8d0a0 42%,#c8a868 76%)}
html[data-theme="light"] .card{border-color:rgba(160,120,56,.2)}
@media(max-width:820px){html[data-theme="light"] .links{background:#fffdf5;color:#2a1c0c;border-bottom-color:rgba(160,120,56,.2)}}

/* ── Theme picker ── */
.theme-picker{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 0 18px;opacity:.28;transition:opacity .4s;font-family:var(--sans)}
.theme-picker:hover{opacity:1}
.theme-picker-label{font-size:9px;letter-spacing:.38em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.theme-swatch{width:16px;height:16px;border-radius:50%;border:1.5px solid transparent;cursor:pointer;transition:border-color .2s,transform .2s;padding:0;outline:none}
.theme-swatch[data-t="dark"]{background:radial-gradient(circle at 38% 32%,#192538,#050608)}
.theme-swatch[data-t="twilight"]{background:radial-gradient(circle at 38% 32%,#2d1b69,#040810)}
.theme-swatch[data-t="light"]{background:radial-gradient(circle at 38% 32%,#fffdf5,#eedfbe)}
.theme-swatch.active{border-color:var(--gold);transform:scale(1.25)}
.theme-swatch:hover{border-color:var(--gold2);transform:scale(1.2)}
