:root{--bg:#151323;--panel:#1d192f;--ink:#f0e9e0;--muted:#aaa2b9;--gold:#cfb480;--line:#bda37729;--serif:'Noto Serif Thai',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans Thai',sans-serif;font-size:14px;background-image:radial-gradient(ellipse at 72% 19%,#48315c30,transparent 35%)}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{height:104px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{font:26px Georgia,serif;letter-spacing:4px;position:relative;white-space:nowrap}.brandmoon{font-size:38px;vertical-align:-3px;color:var(--gold);margin-right:5px}.brand-sub{display:block;font:7px sans-serif;letter-spacing:3px;padding-left:44px;color:var(--muted);margin-top:-2px}nav{display:flex;gap:35px;align-items:center}nav button,.history{background:none;border:0;padding:10px 0;color:var(--muted)}nav a{color:var(--muted);padding:10px 0}nav .active{color:var(--gold);border-bottom:1px solid var(--gold)}.history{border:1px solid var(--line);border-radius:6px;padding:10px 16px;font-size:12px}.history span:first-child{font-size:20px;vertical-align:-2px;margin-right:6px}main{max-width:1184px;margin:auto}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:615px;align-items:center;padding:40px 44px 60px;overflow:hidden}.eyebrow,.section-kicker{font-size:9px;letter-spacing:2.6px;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:24px;height:1px;background:var(--gold)}h1{font:500 59px/1.6 var(--serif);letter-spacing:-2px;margin:22px 0 12px}h1 span{color:var(--gold)}.hero-copy>p{color:var(--muted);line-height:2.1;font-size:14px;margin:8px 0 28px}.primary{background:var(--gold);border:1px solid var(--gold);color:#211b29;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:14px 25px;font-weight:500;transition:.2s}.primary:hover{background:#e2c794;transform:translateY(-2px)}.primary span{font-size:20px}.hero-note{font-size:10px;color:#8d849c;margin-top:23px}.hero-art{height:455px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #b5a07722;border-radius:50%;width:390px;height:390px}.o2{width:450px;height:450px;border-style:dashed;opacity:.5}.display-card{position:absolute;width:184px;height:310px;box-shadow:0 18px 40px #0005;border:1px solid #af966a88;border-radius:10px;padding:8px;background:#262036}.display-card svg{width:100%;height:100%}.display-card.left{transform:rotate(-19deg) translate(-110px,0);background:#302b44}.display-card.right{transform:rotate(19deg) translate(110px,0)}.display-card.center{transform:translateY(19px);z-index:2;background:#211d35}.art-caption{position:absolute;bottom:-9px;font:8px Georgia;letter-spacing:3px;color:var(--gold)}.star,.art-star{position:absolute;color:var(--gold)}.s1{left:46%;top:58px;font-size:22px}.s2{bottom:65px;left:43%;font-size:12px}.s3{right:0;top:80px;font-size:22px}.as1{top:12px;right:70px;font-size:27px}.as2{left:15px;bottom:30px;font-size:30px}.divider{display:flex;align-items:center;gap:24px;color:var(--gold);padding:0 40px}.divider:before,.divider:after{content:'';height:1px;background:linear-gradient(90deg,transparent,var(--line));flex:1}.divider:after{transform:rotate(180deg)}.reading{max-width:820px;margin:auto;text-align:center;padding:64px 20px 60px}h2{font:400 30px/1.6 var(--serif);margin:12px 0}.section-desc{color:var(--muted);font-size:12px}.topics{display:flex;justify-content:center;gap:10px;margin:30px 0 25px}.topics button{background:transparent;border:1px solid #ffffff18;color:var(--muted);border-radius:5px;padding:11px 20px;font-size:12px}.topics button.selected{background:#b6a17416;border-color:#b8a17499;color:var(--gold)}.question-label{display:block;text-align:left;max-width:570px;margin:auto auto 9px;font-size:11px;color:#c7bfd3}.question-label span{color:#80778f}input{width:100%;max-width:570px;border:1px solid #ffffff19;border-radius:5px;padding:12px 16px;background:#211d30;color:var(--ink);font-size:12px}input::placeholder{color:#746b85}.draw-heading{display:flex;justify-content:space-between;margin:32px 0 20px;font-size:10px;color:var(--gold);letter-spacing:.5px}.draw-heading span:last-child{color:var(--muted)}.deck{display:flex;justify-content:center;gap:11px;min-height:185px;align-items:center}.card{background:linear-gradient(140deg,#30283e,#211b31);border:1px solid #9c835f77;border-radius:7px;position:relative;width:93px;height:156px;padding:5px;transition:transform .3s,border .3s,box-shadow .3s;flex-shrink:0}.card:before{content:'';position:absolute;inset:9px;border:1px solid #aa91693d;border-radius:3px}.card svg{width:100%;height:100%;pointer-events:none}.card:hover{transform:translateY(-10px);border-color:var(--gold)}.card.chosen{transform:translateY(-17px);border-color:#e4c58e;box-shadow:0 0 22px #c1a57820}.card .badge{position:absolute;top:-11px;left:calc(50% - 10px);background:var(--gold);color:#211b29;width:20px;height:20px;border-radius:50%;font-size:11px;line-height:20px}.deck-hint{color:#8f859f;font-size:11px;margin:14px 0 23px}.reveal{min-width:215px;font-size:13px}.primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.text-button{display:block;background:none;border:0;color:var(--muted);font-size:11px;margin:15px auto 0;padding:8px}.ritual{padding:60px 44px;background:#1b1729;border:1px solid #ffffff08;border-radius:8px;text-align:center;margin:10px 40px 0}.ritual h2{font-size:26px}.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:left;margin-top:35px}.ritual article{display:flex;gap:14px}.ritual article>span{font:italic 24px Georgia;color:#c0a57470;padding-top:4px}.ritual h3{font-size:13px;font-weight:400;margin:0 0 8px}.ritual p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.quote{text-align:center;padding:65px 20px}.quote>span{font-size:36px;color:var(--gold)}blockquote{font:400 23px/1.9 var(--serif);color:#d9cbbb;margin:15px}.quote p{font-size:8px;letter-spacing:2px;color:#877d94}footer{border-top:1px solid var(--line);max-width:1184px;margin:auto;padding:27px 40px;display:flex;justify-content:space-between;align-items:center}footer p{font-size:10px;color:var(--muted);text-align:center;line-height:1.9}footer small{font-size:9px;color:#787085}footer>span{font-size:7px;color:#82758e;letter-spacing:1px}#results{margin-top:45px;border-top:1px solid var(--line);padding-top:28px}.result-question{color:var(--gold);overflow-wrap:anywhere}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.result-item{padding:20px 15px;border:1px solid var(--line);background:#211b30;border-radius:8px}.result-art{width:128px;height:210px;display:block;margin:auto}.result-item small{color:var(--gold)}.result-item h3{font:18px var(--serif);margin:12px 0}.result-item h4{font:11px Georgia;letter-spacing:1px;color:var(--gold)}.result-item p{font-size:12px;line-height:2;color:var(--muted)}.summary{background:#c5ad7e0c;border:1px solid var(--line);padding:22px;margin-top:20px;text-align:left;border-radius:6px;font-size:13px;line-height:1.9}.summary strong{color:var(--gold);font-weight:500}dialog{background:#211b30;color:var(--ink);border:1px solid #756145;max-width:800px;width:92%;max-height:85vh;border-radius:12px;padding:25px}dialog::backdrop{background:#0a0715d9;backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;gap:15px;align-items:center;position:sticky;top:-25px;background:#211b30;z-index:2}.modal-top h2{font-size:23px}.modal-top button{background:none;border:0;color:var(--gold);font-size:32px;padding:0 10px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.library-item{border:1px solid var(--line);padding:15px;border-radius:5px}.library-item h3{font-size:13px;color:var(--gold)}.library-item p{font-size:11px;color:var(--muted);line-height:1.8}.history-item{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.history-item small{color:var(--gold)}.history-item p{color:var(--muted)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#d2ba8e;color:#20172d;border-radius:5px;z-index:5;display:none;max-width:90%;font-size:12px}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}@media(min-width:1400px){.hero{min-height:650px}}@media(max-width:900px){header{padding:0 25px}nav{gap:18px;font-size:12px}.hero{padding:40px 25px;min-height:550px}h1{font-size:45px}.hero-art{transform:scale(.85);margin-left:-10px}.hero-note{font-size:9px}.deck{gap:8px}.card{width:82px;height:139px}.ritual{margin:10px 25px;padding:35px 25px}.ritual-grid{gap:18px}.ritual article{gap:8px}footer{padding:22px 25px}}@media(max-width:650px){header{height:88px;padding:0 20px;flex-wrap:wrap;gap:0}.brand{font-size:21px}.brand-sub{font-size:6px;padding-left:36px}.brandmoon{font-size:30px}nav{order:3;width:100%;justify-content:center;font-size:10px;gap:26px;margin-top:3px}nav a,nav button{padding:5px 0 9px}.history{padding:6px 10px;font-size:10px}.hero{display:flex;flex-direction:column;padding:45px 24px 25px;overflow:hidden}.hero-copy{width:100%;text-align:center}.eyebrow{justify-content:center;font-size:7px;letter-spacing:1.7px}h1{font-size:40px;line-height:1.55;letter-spacing:-1px;margin-top:20px}.hero-copy>p{font-size:12px}.hero-note{font-size:9px}.hero-art{width:100%;height:340px;transform:scale(.82);margin-top:5px;margin-bottom:-10px;margin-left:0}.orbit{width:360px;height:360px}.o2{width:405px;height:405px}.display-card{width:156px;height:260px}.display-card.left{transform:rotate(-19deg) translate(-93px,0)}.display-card.right{transform:rotate(19deg) translate(93px,0)}.art-caption{bottom:-20px}.s1{left:8%;top:75px}.s2{left:88%;bottom:365px}.s3{display:none}.reading{padding:40px 18px}h2{font-size:24px}.section-desc{font-size:10px}.topics{gap:6px;margin:23px 0}.topics button{font-size:10px;padding:9px 10px}.question-label{font-size:10px}.deck{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 10px;justify-items:center;padding-top:5px}.card{width:100%;max-width:80px;height:126px}.card.chosen{transform:translateY(-8px)}.draw-heading{margin-top:24px}.ritual{margin:0 18px;padding:30px 24px}.ritual h2{font-size:22px}.ritual-grid{grid-template-columns:1fr;gap:24px;margin-top:25px}.ritual article{gap:20px}.ritual p br{display:none}.quote{padding:40px 10px}blockquote{font-size:18px}footer{flex-direction:column;gap:8px;padding:25px}.result-grid{grid-template-columns:1fr}.result-item{display:grid;grid-template-columns:100px 1fr;column-gap:15px}.result-art{grid-row:1/6;width:100px;height:165px}.result-item h3,.result-item h4{margin:6px 0}.result-item p{margin:6px 0}.library-grid{grid-template-columns:repeat(2,1fr)}.modal-top h2{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
:root{--reading-width:72ch}.result-grid{grid-template-columns:1fr;gap:24px}.result-item{display:grid;grid-template-columns:146px minmax(0,1fr);column-gap:27px;padding:28px;text-align:left;align-content:start}.result-art{grid-column:1;grid-row:1/6;width:140px;height:230px}.result-item>small,.result-item>h3,.result-item>h4,.reading-keywords,.reading-copy{grid-column:2}.result-item>small{font-size:11px;line-height:1.8}.result-item>h3{font-size:24px;line-height:1.6;margin:10px 0 4px}.result-item>h4{margin:0 0 10px;line-height:1.5}.reading-keywords{color:var(--gold);font-size:11px;margin-bottom:15px}.reading-copy{max-width:var(--reading-width)}.result-item .reading-copy p{font-size:14px;line-height:2.05;margin:0 0 18px;color:#c6bdd0;overflow-wrap:anywhere}.result-item .reading-copy .reading-lead{color:var(--ink);font-size:15px}.reading-copy h5{font-size:12px;font-weight:500;letter-spacing:.2px;color:var(--gold);margin:22px 0 8px}.reading-copy p:last-child{margin-bottom:0}.result-item:only-child{width:100%}@media(max-width:650px){.result-item{grid-template-columns:85px minmax(0,1fr);gap:0 17px;padding:22px 18px}.result-art{width:85px;height:140px;grid-row:1/5}.result-item>h3{font-size:21px;margin:6px 0}.result-item>h4{font-size:10px;overflow-wrap:anywhere}.reading-keywords{margin:5px 0 0;font-size:10px}.reading-copy{grid-column:1/-1;margin-top:22px}.result-item .reading-copy p{font-size:14px;line-height:2.05}.result-item .reading-copy .reading-lead{font-size:15px}}

.brand{font-size:24px;letter-spacing:2px}@media(max-width:650px){.brand{font-size:19px;letter-spacing:1px}.brand-sub{letter-spacing:2px}}