*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#e0e0e0;font-family:Times New Roman,serif;overflow-x:hidden}#bgCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.content{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;max-width:800px;margin:0 auto}.wen-portrait{width:120px;height:120px;border-radius:50%;object-fit:cover;border:1px solid #666;margin-bottom:1.5rem;opacity:.9;transition:opacity .6s}.wen-portrait:hover{opacity:1}.paper-text{background-color:#e0cfb8e0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,90,60,.08) 2px,rgba(120,90,60,.08) 4px),radial-gradient(ellipse at 30% 20%,rgba(220,200,150,.08) 0%,transparent 50%);border:1px solid #6b5e4a;color:#0a0a0a;box-shadow:inset 0 0 8px #0000004d,0 0 10px #a0784633;padding:1.2rem 1.8rem;border-radius:2px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.wen-intro{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;max-width:520px;letter-spacing:.5px}.wen-intro strong{color:#1a1a1a;letter-spacing:1px}.philosophy{font-size:.95rem;line-height:1.9;margin-bottom:2.5rem;max-width:650px;text-align:center}.philosophy em{color:#4a3a2a;font-style:normal;letter-spacing:.5px;text-shadow:0 0 3px rgba(180,140,100,.5)}.closing{font-size:1.1rem;color:#ccc;margin-bottom:2rem;font-style:italic}.element-oracle{--element-glow: rgba(80,145,190,.5);--element-ink: #b9d9ef;grid-area:elements;width:min(100%,560px);align-self:start;justify-self:end;display:grid;gap:.9rem;color:#f4ead8}.oracle-header{display:flex;justify-content:space-between;gap:1rem;align-items:end;border-bottom:1px solid rgba(214,190,143,.28);padding-bottom:.65rem}.oracle-header span{color:#a9956f;font-size:.72rem;letter-spacing:2px;text-transform:uppercase}.oracle-header strong{color:#f2e3c6;font-size:.95rem;font-weight:400;text-align:right}.element-stage{position:relative;width:100%;aspect-ratio:1 / 1;min-height:390px;border:1px solid rgba(214,190,143,.22);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(224,207,184,.14),transparent 25%),linear-gradient(145deg,#101012c7,#02020247);box-shadow:0 28px 80px #00000080,inset 0 0 80px #d6be8f0d;overflow:hidden}.element-stage:before{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;border:1px solid rgba(214,190,143,.18);box-shadow:0 0 50px var(--element-glow)}.element-stage:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:1px dashed rgba(214,190,143,.25)}.element-web{position:absolute;top:9%;right:9%;bottom:9%;left:9%;width:82%;height:82%;color:#d6be8f73;filter:drop-shadow(0 0 18px var(--element-glow))}.element-web circle,.element-web path,.element-web line{vector-effect:non-scaling-stroke}.oracle-core{position:absolute;left:50%;top:50%;width:32%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(214,190,143,.45);background:radial-gradient(circle at 45% 35%,rgba(255,235,195,.22),transparent 28%),#0a0a0ab8;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 30px #000000a6,0 0 34px var(--element-glow);z-index:2}.oracle-core span{display:block;color:#a9956f;font-size:.66rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:.25rem}.oracle-core strong{display:block;color:#f5ead3;font-size:clamp(1rem,2vw,1.35rem);font-weight:400;line-height:1.05}.element-node{position:absolute;width:116px;min-height:116px;border:1px solid rgba(214,190,143,.35);border-radius:50%;background:#080808c7;color:#eee3cb;display:grid;place-items:center;padding:.75rem;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 18px 40px #00000061;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:border-color .25s,background .25s,box-shadow .25s;z-index:3;font:inherit}.element-node img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 22px var(--element-glow)}.element-node span{display:block;margin-top:.5rem;font-size:.72rem;letter-spacing:2px;text-transform:uppercase}.element-node small{display:block;margin-top:.15rem;color:#b9ac91;font-size:.68rem;font-style:italic;letter-spacing:.2px}.element-node:hover,.element-node:focus,.element-node.is-active{border-color:var(--element-ink);background:color-mix(in srgb,var(--element-glow) 28%,rgba(8,8,8,.86));box-shadow:0 0 32px var(--element-glow),0 22px 50px #00000075;outline:none}.node-water{left:18%;top:64%}.node-wood{left:29%;top:24%}.node-fire{left:50%;top:12%}.node-earth{left:76%;top:34%}.node-metal{left:71%;top:74%}.oracle-reading{border:1px solid rgba(214,190,143,.24);background:#0808088f;border-radius:12px;padding:1rem 1.1rem;box-shadow:0 16px 50px #00000047}.reading-label{color:#a9956f;font-size:.68rem;letter-spacing:2px;text-transform:uppercase}.oracle-reading strong{display:block;margin:.32rem 0 .45rem;color:var(--element-ink);font-size:1.2rem;font-weight:400}.oracle-reading p{color:#d7ccb8;line-height:1.55;font-size:.94rem;margin:0 0 .75rem}.oracle-reading a{color:#f2e3c6;text-decoration:none;border-bottom:1px solid rgba(242,227,198,.45);font-size:.82rem;letter-spacing:1.1px;text-transform:uppercase}.oracle-rhythm{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.oracle-rhythm span{border-top:1px solid rgba(214,190,143,.22);padding-top:.45rem;color:#a9956f;font-size:.66rem;letter-spacing:1.1px;text-transform:uppercase;text-align:center}@media(max-width:480px){.paper-text{padding:1rem 1.2rem}}.hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;width:100%;max-width:620px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem .9rem;background:#8b6b4a;border:1px solid #c0a87a;color:#f5ecd7;text-decoration:none;font-size:.84rem;letter-spacing:1.4px;text-transform:uppercase;transition:all .4s;box-shadow:0 0 12px #a0784680,inset 0 0 6px #ffffc84d;margin:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:400;text-align:center;border-radius:4px}.cta-btn.cta-secondary{background:#e0cfb81f;color:#f0e6d2;border-color:#c0a87ab3;box-shadow:0 0 10px #a0784638}.cta-btn:hover{background:#a67c4b;border-color:#d4b98c;color:#fff;box-shadow:0 0 22px #c89650b3,inset 0 0 10px #ffffc880;transform:scale(1.03)}.guide-links{display:flex;flex-wrap:wrap;gap:.45rem;width:100%;max-width:620px}.guide-links a{color:#dcc8a4;border:1px solid rgba(192,168,122,.45);background:#00000052;text-decoration:none;padding:.42rem .58rem;border-radius:999px;font-size:.72rem;letter-spacing:.8px;transition:all .3s}.guide-links a:hover{color:#fff;border-color:#d4b98c;background:#8b6b4a6b}.site-footer{position:relative;z-index:10;text-align:center;padding:2rem 1rem;color:#888;font-size:.8rem;border-top:1px solid #2a2a2a;margin-top:2rem}.site-footer a{color:#888;text-decoration:none;margin:0 .5rem;transition:color .3s}.site-footer a:hover{color:#c0a060}.site-footer p{margin-top:1rem}.ftc-disclaimer{font-size:.7rem;color:#666;text-align:center;padding:1rem 2rem;max-width:800px;margin:0 auto;line-height:1.6}.content{max-width:1180px;display:grid;grid-template-columns:minmax(320px,470px) minmax(360px,560px);grid-template-areas:"portrait elements" "title elements" "intro elements" "cta elements" "guide elements" "philosophy elements" "geo geo" "footer footer";gap:.85rem 4rem;justify-content:center;align-content:start;align-items:center;justify-items:start;text-align:left;padding:32px 24px 0}.wen-portrait{grid-area:portrait;justify-self:start;width:108px;height:108px;margin-bottom:.1rem}.hero-title{grid-area:title;margin:0;color:#f3e8d6;font-weight:400;font-size:clamp(2rem,3.35vw,3.35rem);line-height:1.02;letter-spacing:0;text-shadow:0 0 18px rgba(160,120,70,.28)}.wen-intro{grid-area:intro;margin-bottom:0;max-width:none;font-size:1.02rem;line-height:1.55;padding:1rem 1.3rem}.hero-actions{grid-area:cta;justify-self:start;margin:.15rem 0 0}.guide-links{grid-area:guide;justify-self:start;margin-top:-.15rem}.philosophy{grid-area:philosophy;max-width:none;justify-self:stretch;margin:.05rem 0 0;text-align:left;font-size:.88rem;line-height:1.62;padding:.9rem 1.3rem}.geo-panel{grid-area:geo;width:100%;margin-top:.35rem;background:#0808089e;border:1px solid rgba(214,190,143,.24);border-radius:12px;padding:1.2rem 1.4rem;color:#d7ccb8;line-height:1.7;box-shadow:0 18px 60px #00000047}.geo-panel h2{color:#f3e8d6;font-weight:400;font-size:1.35rem;margin:0 0 .55rem}.geo-panel h3{color:#ead8b8;font-size:1rem;font-weight:400;margin:1rem 0 .35rem}.geo-panel p{margin:0 0 .75rem}.geo-panel ul{margin:.2rem 0 .85rem 1.1rem}.element-meaning-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin:.9rem 0}.element-meaning-grid div{border:1px solid rgba(214,190,143,.2);border-radius:8px;padding:.7rem;background:#ffffff0d}.element-meaning-grid strong{display:block;color:#f3e8d6;margin-bottom:.25rem}.site-footer{grid-area:footer;width:100%;justify-self:stretch;margin-top:.9rem}@media(max-width:820px){.content{display:flex;min-height:auto;padding:32px 16px 0;text-align:center}.wen-portrait{align-self:center;width:112px;height:112px}.hero-actions{width:min(100%,360px);grid-template-columns:1fr;align-self:center}.cta-btn{width:100%;text-align:center;padding:1rem 1.3rem}.guide-links{width:min(100%,360px);justify-content:center;align-self:center}.element-oracle{width:min(100%,390px);justify-self:center;align-self:center}.oracle-header{align-items:start}.oracle-header strong{max-width:160px}.element-stage{min-height:360px;border-radius:14px}.element-node{width:88px;min-height:88px;padding:.5rem}.element-node img{width:38px;height:38px}.element-node span{font-size:.62rem;letter-spacing:1.3px}.element-node small{font-size:.58rem}.oracle-core{width:30%}.oracle-rhythm{grid-template-columns:repeat(2,1fr)}.philosophy{margin-top:.2rem}.element-meaning-grid{grid-template-columns:1fr}.site-footer{margin-top:1rem}}