:root{--ink:#080b0c;--ink2:#101617;--paper:#e7dcc5;--gold:#c7a66a;--gold2:#8b6b3e;--red:#7d241c;--mist:#b9c2bc;--line:rgba(199,166,106,.28);--muted:#9d9b91;--serif:"Noto Serif SC","Songti SC",STSong,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:#050708;color-scheme:dark}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -20%,#253033 0,#0d1214 38%,#050708 76%);color:var(--paper);font-family:var(--serif)}button,textarea,select{font:inherit}.app-shell{position:relative;isolation:isolate;width:100%;max-width:520px;min-height:100svh;margin:auto;overflow:hidden;background:linear-gradient(180deg,rgba(6,9,10,.88),rgba(5,8,9,.97));box-shadow:0 0 90px #000}.app-shell:before{content:"";position:fixed;inset:0;z-index:-3;opacity:.32;background-image:radial-gradient(circle at 20% 15%,rgba(199,166,106,.12) 0 1px,transparent 2px),radial-gradient(circle at 78% 35%,rgba(255,255,255,.08) 0 1px,transparent 1.5px);background-size:47px 47px,71px 71px}.ambient{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.ambient:before{content:"";position:absolute;left:-25%;right:-25%;bottom:-8%;height:42%;background:linear-gradient(145deg,transparent 23%,#11191a 24% 44%,transparent 45%),linear-gradient(35deg,transparent 35%,#0b1112 36% 60%,transparent 61%);filter:blur(1px);opacity:.78}.moon{position:absolute;width:120px;height:120px;border-radius:50%;top:10%;right:-22px;background:radial-gradient(circle at 38% 36%,#e6d9ba,#947f5a 47%,transparent 70%);opacity:.16}.mist{position:absolute;width:140%;height:150px;left:-20%;background:radial-gradient(ellipse,rgba(180,190,184,.14),transparent 66%);filter:blur(17px)}.mist-a{top:35%;animation:drift 15s ease-in-out infinite alternate}.mist-b{bottom:8%;animation:drift 20s ease-in-out infinite alternate-reverse}@keyframes drift{to{transform:translateX(7%)}}
.topbar{height:82px;padding:20px 22px 12px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid rgba(199,166,106,.09)}.brand{display:flex;align-items:baseline;gap:9px;color:inherit;background:none;border:0;padding:0;cursor:pointer}.brand-cn{font-size:24px;letter-spacing:.12em;color:#d5b476}.brand-en{font-family:var(--sans);font-size:9px;letter-spacing:.25em;color:#8d8779}.top-actions{display:flex;align-items:center;gap:10px}.method{font-size:10px;color:#7e786c;letter-spacing:.1em}.topbar select{border:1px solid var(--line);border-radius:18px;background:#0c1112;color:#bdaa83;padding:6px 9px;font:11px var(--sans)}.screen{display:none;min-height:calc(100svh - 82px);padding:34px 24px 42px;animation:fadeIn .55s ease}.screen.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.eyebrow{margin:0 0 9px;color:#a78b5c;font-size:12px;letter-spacing:.18em}.hero-copy{text-align:center;margin:64px auto 28px;max-width:390px}.hero-copy h1,.screen-heading h2,.reveal h2{font-weight:500;font-size:38px;letter-spacing:.14em;margin:0 0 16px;color:#e1c48d;text-shadow:0 0 24px rgba(199,166,106,.15)}.lead{color:#aaa79c;font-size:14px;line-height:1.9;margin:0}.ritual-seal{width:148px;height:148px;border:1px solid rgba(199,166,106,.2);border-radius:50%;position:absolute;top:105px;left:50%;transform:translateX(-50%);opacity:.1}.ritual-seal:before,.ritual-seal:after{content:"";position:absolute;inset:14px;border:1px dashed var(--gold);border-radius:50%}.ritual-seal:after{inset:38px}.ritual-seal span{display:grid;place-items:center;height:100%;font-size:58px;color:var(--gold)}
.question-card{position:relative;margin-top:28px;border:1px solid rgba(199,166,106,.4);border-radius:18px;background:linear-gradient(180deg,rgba(18,24,24,.82),rgba(9,13,14,.9));box-shadow:inset 0 0 40px rgba(199,166,106,.025),0 20px 60px rgba(0,0,0,.28);overflow:hidden}.question-card:before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);opacity:.6}.question-card textarea{width:100%;min-height:180px;padding:22px 18px 12px;border:0;outline:0;resize:none;background:transparent;color:#e3ddd0;font-size:16px;line-height:1.75}.question-card textarea::placeholder{color:#686b66}.question-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px 14px;color:#777b76;font:11px var(--sans)}.topic-row{display:flex;flex-wrap:wrap;gap:6px}.topic{border:1px solid rgba(199,166,106,.14);border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.025);color:#918a7c;font-size:11px}.topic.active{border-color:rgba(199,166,106,.5);background:rgba(199,166,106,.09);color:#d0b17a}.primary-cta,.secondary-cta,.ghost-cta{width:100%;border-radius:14px;cursor:pointer}.primary-cta{margin-top:22px;padding:17px 20px;border:1px solid #c5a362;background:linear-gradient(180deg,#aa844a,#73552e);color:#0a0c0d;font-size:18px;letter-spacing:.18em;box-shadow:0 10px 35px rgba(151,112,56,.16),inset 0 1px 0 rgba(255,255,255,.25)}.primary-cta .arrow{float:right}.primary-cta:disabled{opacity:.4;cursor:not-allowed}.ritual-note{text-align:center;color:#736f65;font-size:11px;letter-spacing:.14em;margin:18px 0 0}.screen-heading{text-align:center}.screen-heading h2{font-size:31px;margin-bottom:8px}.screen-heading>p:last-child{margin:0;color:#92826a;font-size:13px}.ritual-stage{margin:38px auto 28px;position:relative;width:290px;height:290px;display:grid;place-items:center}.bagua-orbit{position:absolute;inset:6px;border:1px solid rgba(199,166,106,.19);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(199,166,106,.16) 0 1deg,transparent 1deg 44deg);box-shadow:inset 0 0 40px rgba(199,166,106,.04)}.bagua-orbit:before,.bagua-orbit:after{content:"";position:absolute;border:1px solid rgba(199,166,106,.15);border-radius:50%}.bagua-orbit:before{inset:25px}.bagua-orbit:after{inset:52px}.coins{position:relative;width:210px;height:130px}.coin{position:absolute;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 32%,#d0ae67,#8d672f 47%,#4c351a 69%,#b98d49 72%,#60431f);border:2px solid #d0ac63;color:#22170d;font-weight:700;text-shadow:0 1px rgba(255,255,255,.24);box-shadow:0 9px 25px rgba(0,0,0,.5),inset 0 0 0 6px rgba(54,34,15,.35)}.coin:after{content:"";position:absolute;width:19px;height:19px;background:#0c1010;border:2px solid #d2ac61}.coin:nth-child(1){left:6px;top:43px;transform:rotate(-18deg)}.coin:nth-child(2){left:70px;top:4px;transform:rotate(6deg)}.coin:nth-child(3){right:4px;top:50px;transform:rotate(21deg)}.coins.throwing .coin{animation:toss .65s cubic-bezier(.16,.82,.36,1)}.coins.throwing .coin:nth-child(2){animation-delay:.06s}.coins.throwing .coin:nth-child(3){animation-delay:.11s}@keyframes toss{0%{transform:translateY(0) rotate(0) scale(1)}45%{transform:translateY(-52px) rotate(230deg) scale(.84)}100%{transform:translateY(0) rotate(360deg) scale(1)}}
.cast-trigger{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid rgba(199,166,106,.5);border-radius:999px;background:#0d1212;color:#d2b47e;padding:11px 18px;font-size:13px;letter-spacing:.08em}.line-board{margin:6px auto 0;max-width:360px}.line-stack{display:flex;flex-direction:column-reverse;gap:9px;min-height:138px;justify-content:flex-start}.cast-line,.hex-line{height:14px;display:flex;align-items:center;justify-content:center;gap:9px;position:relative}.cast-line .segment,.hex-line .segment{height:7px;background:linear-gradient(90deg,#d9c08f,#b88d50);box-shadow:0 0 16px rgba(199,166,106,.08)}.cast-line.yang .segment,.hex-line.yang .segment{width:116px}.cast-line.yin .segment,.hex-line.yin .segment{width:52px}.cast-line.moving:after{content:"○";position:absolute;right:36px;color:#a83d2c;font-size:17px}.cast-line.old-yin:after{content:"×"}.line-meaning{text-align:center;min-height:24px;color:#8b8478;font-size:12px;margin:17px 0}.line-meaning strong{color:#c4a26c;font-weight:500}.reveal{text-align:center;margin:8px 0 25px}.reveal h2{font-size:34px;margin-bottom:8px}.question-echo{font-size:13px;line-height:1.75;color:#88877f;max-width:390px;margin:0 auto}.hexagram-pair{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:6px;padding:20px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hexagram-card{text-align:center}.hexagram-card .label,.oracle-card .label{display:block;color:#a78a5e;font-size:11px;letter-spacing:.14em}.hexagram-card h3{font-size:24px;font-weight:500;margin:8px 0 3px;color:#e1c38b}.hexagram-card p{margin:0;color:#77766e;font-size:11px}.change-arrow{text-align:center;color:#9f7d49;font-size:20px}.hexagram-lines{display:flex;flex-direction:column-reverse;gap:6px;margin:16px auto 0;width:106px}.hex-line{height:8px;gap:7px}.hex-line .segment{height:5px}.hex-line.yang .segment{width:86px}.hex-line.yin .segment{width:39px}.hex-line.moving .segment{background:linear-gradient(90deg,#a33427,#c65b3f)}.moving-lines{text-align:center;margin:12px 0 22px;color:#9f8150;font-size:12px;letter-spacing:.12em}.oracle-card,.reading-card{position:relative;border:1px solid rgba(199,166,106,.27);background:linear-gradient(180deg,rgba(24,22,18,.75),rgba(12,15,14,.84));border-radius:14px;padding:19px 18px;margin:14px 0}.oracle-card{text-align:center}.seal-mini{position:absolute;top:12px;right:12px;color:#b14a34;border:1px solid #7d2d22;border-radius:3px;padding:2px 4px;font-size:10px}.oracle-card blockquote{margin:12px 6px 2px;color:#dccaa6;font-size:16px;line-height:1.9}.reading-card h3{font-size:15px;font-weight:500;color:#c5a46c;margin:0 0 9px}.reading-card p{margin:0;color:#aaa69c;font-size:13px;line-height:1.85}.insight-list{border-top:1px solid rgba(199,166,106,.15);margin-top:16px}.insight{width:100%;display:grid;grid-template-columns:24px 82px 1fr;align-items:center;text-align:left;padding:14px 4px;border:0;border-bottom:1px solid rgba(199,166,106,.12);background:transparent;color:#b7b0a1}.insight span{color:#a38450}.insight b{font-size:13px;font-weight:500;color:#cbb481}.insight em{font-style:normal;color:#777970;font-size:11px;text-align:right}.chart-details{margin:18px 0;border:1px solid rgba(199,166,106,.16);border-radius:12px;overflow:hidden}.chart-details summary{padding:14px 16px;color:#ab9164;font-size:13px;cursor:pointer}.chart-placeholder{padding:0 16px 16px;color:#777b75;font:12px/1.8 var(--sans)}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.secondary-cta,.ghost-cta{padding:14px 12px;font-size:13px}.secondary-cta{border:1px solid #8d6c3d;background:rgba(145,108,56,.16);color:#caae78}.ghost-cta{border:1px solid rgba(199,166,106,.16);background:rgba(255,255,255,.02);color:#817d73}.prototype-disclaimer{text-align:center;color:#5d625e;font:10px/1.7 var(--sans);margin:17px 12px 0}dialog{width:min(430px,calc(100% - 34px));border:1px solid rgba(199,166,106,.36);border-radius:18px;padding:0;background:#0b1011;color:var(--paper);box-shadow:0 30px 90px #000}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}dialog form{padding:26px 20px 20px;position:relative}dialog h3{font-size:24px;font-weight:500;color:#d5b576;margin:0 0 18px}dialog textarea{width:100%;min-height:130px;border:1px solid var(--line);border-radius:12px;background:#080c0d;color:#ddd4c3;padding:14px;resize:none;outline:0}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#7e7a70;font-size:25px}.primary-cta.compact{font-size:13px;margin-top:12px;padding:13px}.screen-result{padding-bottom:52px}@media(max-width:440px){.topbar{padding-left:16px;padding-right:16px}.method{display:none}.screen{padding-left:18px;padding-right:18px}.hero-copy{margin-top:54px}.hero-copy h1{font-size:34px}.ritual-stage{width:260px;height:260px}.hexagram-pair{padding-left:3px;padding-right:3px}.hexagram-card h3{font-size:21px}.insight{grid-template-columns:20px 76px 1fr}}@media(min-width:700px){body{padding:20px 0}.app-shell{min-height:calc(100svh - 40px);border:1px solid rgba(199,166,106,.12);border-radius:24px}.screen{min-height:calc(100svh - 122px)}}

[hidden]{display:none!important}.interpretation-gate{margin:18px 0;padding:18px;border:1px solid rgba(199,166,106,.24);border-radius:14px;background:linear-gradient(180deg,rgba(18,20,18,.74),rgba(8,12,12,.88));text-align:center}.interpretation-gate p{margin:0;color:#918d83;font-size:12px;line-height:1.8}.interpretation-gate .primary-cta.compact{width:100%;margin-top:14px}.interpret-status{min-height:18px;margin:10px 0 0;color:#8d8577;font:11px/1.6 var(--sans)}#interpretationContent{margin-top:18px}.result-actions:has(#followupBtn[hidden]){grid-template-columns:1fr}#adviceText{white-space:pre-line}
.chart-lines{margin-top:8px}

.reading-loading{margin:18px 0;padding:28px 18px;text-align:center;border:1px solid rgba(199,166,106,.16);border-radius:14px;background:rgba(12,16,15,.65)}.reading-loading .loading-seal,.checkout-preparing .loading-seal{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border:1px solid rgba(199,166,106,.4);border-radius:50%;color:#c5a46c;font-size:25px;animation:pulseSeal 1.6s ease-in-out infinite}.reading-loading p{margin:0;color:#918d83;font-size:12px}@keyframes pulseSeal{50%{box-shadow:0 0 32px rgba(199,166,106,.2);transform:scale(1.04)}}
.section-kicker{margin:0 0 10px!important;color:#9f8356!important;font:10px/1.2 var(--sans)!important;letter-spacing:.2em}.hero-reading h3{font-size:18px;color:#e1c38b}.key-signals{display:grid;gap:10px}.signal-row{padding:10px 0;border-top:1px solid rgba(199,166,106,.1)}.signal-row:first-child{border-top:0}.signal-row b{display:block;color:#cbb481;font-size:13px;font-weight:500}.signal-row p{margin:5px 0 0;color:#8f9088;font-size:12px;line-height:1.75}.deeper-preview{margin-top:24px}.deeper-label{text-align:center;color:#a98a56;font:10px var(--sans);letter-spacing:.22em}.locked-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.locked-tile{position:relative;min-height:112px;padding:15px 13px;text-align:left;border:1px solid rgba(199,166,106,.24);border-radius:12px;background:linear-gradient(145deg,rgba(22,20,16,.76),rgba(9,13,13,.92));color:#c9b07f}.locked-tile>span{display:block;margin-bottom:9px;color:#c59b54}.locked-tile b{display:block;font-size:13px;font-weight:500}.locked-tile small{display:block;margin-top:5px;color:#797a73;font:10px/1.5 var(--sans)}.locked-tile i{position:absolute;right:10px;top:9px;color:#a48858;font-style:normal}.reveal-deeper{width:100%;margin-top:14px;padding:15px;border:1px solid #8b5334;border-radius:13px;background:linear-gradient(180deg,#8f3326,#5d1e18);color:#edd7ad;font-size:14px;letter-spacing:.08em}
.deep-card{margin:14px 0;padding:18px;border:1px solid rgba(199,166,106,.26);border-radius:14px;background:linear-gradient(180deg,rgba(22,21,17,.75),rgba(10,14,13,.88))}.deep-card h3{margin:0 0 8px;color:#d8ba82;font-size:16px;font-weight:500}.deep-card p{margin:0;color:#9e9b91;font-size:12px;line-height:1.85}.timing-row,.risk-row{padding:11px 0;border-top:1px solid rgba(199,166,106,.1)}.timing-row:first-child,.risk-row:first-child{border-top:0}.timing-row b,.risk-row b{color:#c8ae79;font-size:12px}.line-reading{border-top:1px solid rgba(199,166,106,.11);padding:10px 0}.line-reading summary{color:#c4a572;font-size:12px;cursor:pointer}.line-reading p{padding-top:7px}.unlocked-banner{display:flex;gap:12px;align-items:center;margin:20px 0;padding:14px;border:1px solid rgba(83,167,105,.42);border-radius:12px;background:rgba(28,92,52,.16)}.unlocked-banner>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #5ba56f;border-radius:50%;color:#84d19a}.unlocked-banner b{display:block;color:#b8d7bf;font-size:13px}.unlocked-banner small{display:block;margin-top:3px;color:#748c79;font:10px var(--sans)}
.paywall-dialog{width:min(520px,100vw);height:100dvh;max-height:none;margin:0 auto;border:0;border-radius:0;background:linear-gradient(180deg,#090d0e,#060809);overflow:auto}.paywall-dialog::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(8px)}.paywall-shell{position:relative;min-height:100%;padding:72px 22px 28px;text-align:center}.paywall-back{position:absolute;top:22px;left:20px;width:34px;height:34px;border:1px solid rgba(199,166,106,.28);border-radius:50%;background:#0b1010;color:#c1a26e}.paywall-shell h2{margin:0;color:#e2c58e;font-size:29px;font-weight:500}.paywall-lead{max-width:390px;margin:13px auto 22px;color:#96958e;font-size:12px;line-height:1.8}.paywall-seal{position:relative;width:170px;height:170px;margin:0 auto 18px;border:1px solid rgba(199,166,106,.25);border-radius:50%;display:grid;place-items:center;color:#9d7e4e;font-size:44px;background:repeating-conic-gradient(rgba(199,166,106,.11) 0 1deg,transparent 1deg 44deg)}.paywall-seal:before,.paywall-seal:after{content:"";position:absolute;border:1px solid rgba(199,166,106,.13);border-radius:50%;inset:25px}.paywall-seal:after{inset:52px}.paywall-list{border:1px solid rgba(199,166,106,.28);border-radius:14px;padding:3px 14px;text-align:left;background:rgba(13,17,16,.72)}.paywall-item{display:grid;grid-template-columns:25px 1fr;gap:10px;padding:12px 0;border-top:1px solid rgba(199,166,106,.11)}.paywall-item:first-child{border-top:0}.paywall-item>span{color:#c59b55}.paywall-item b{display:block;color:#d1b57d;font-size:12px;font-weight:500}.paywall-item small{display:block;margin-top:3px;color:#74776f;font:10px/1.45 var(--sans)}.paywall-price{display:flex;justify-content:space-between;align-items:center;margin:17px 3px 10px;color:#a8a399;font-size:12px}.paywall-price strong{color:#dfbd79;font:700 21px var(--sans)}.checkout-cta{width:100%;padding:16px;border:1px solid #b5643d;border-radius:13px;background:linear-gradient(180deg,#9a3929,#641f18);color:#f0d7aa;font-size:15px;letter-spacing:.05em}.stay-free{margin-top:13px;border:0;background:none;color:#85847d;text-decoration:underline;text-underline-offset:4px}.mvp-payment-note{color:#525853;font:9px var(--sans);letter-spacing:.08em}.checkout-preparing{min-height:100%;padding:35vh 24px 40px;text-align:center}.checkout-preparing h3{color:#ddbd84;font-size:21px;font-weight:500}.checkout-preparing p{color:#777b75;font-size:11px;line-height:1.7}
@media(max-width:440px){.locked-grid{grid-template-columns:1fr}.locked-tile{min-height:92px}.paywall-dialog{max-width:100vw}.paywall-shell{padding-left:18px;padding-right:18px}.paywall-seal{width:145px;height:145px}.paywall-seal:after{inset:44px}}
.followup-note{margin:-8px 0 14px;color:#777b75;font:11px/1.7 var(--sans)}.followup-answer{margin-top:16px;padding:16px;border:1px solid rgba(199,166,106,.25);border-radius:13px;background:rgba(20,19,16,.72)}.followup-answer h4{margin:0 0 9px;color:#dbbd84;font-size:16px;font-weight:500}.followup-answer p{margin:0;color:#a3a097;font-size:12px;line-height:1.85}.followup-answer small{display:block;margin-top:10px;color:#646963;font:9px var(--sans)}#followupSubmit:disabled{opacity:.48;cursor:not-allowed}
.recent-reading{width:100%;margin-top:22px;padding:13px 15px;display:grid;grid-template-columns:28px 1fr 18px;gap:9px;align-items:center;text-align:left;border:1px solid rgba(199,166,106,.16);border-radius:13px;background:rgba(9,13,13,.72);color:#a99a7d}.recent-reading .recent-mark{color:#bf9d63;font-size:18px}.recent-reading small{display:block;color:#6f736d;font:9px var(--sans);letter-spacing:.08em}.recent-reading b{display:block;margin-top:3px;color:#b8ad99;font-size:11px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-reading i{font-style:normal;color:#735f40}.feedback-panel,.outcome-feedback{margin:15px 0;padding:14px;border:1px solid rgba(199,166,106,.15);border-radius:12px;background:rgba(10,14,14,.62)}.feedback-panel>p,.outcome-feedback>p{margin:0 0 10px;color:#898981;font-size:11px;line-height:1.7}.feedback-options{display:flex;gap:7px;flex-wrap:wrap}.feedback-options button{flex:1;min-width:78px;padding:8px 9px;border:1px solid rgba(199,166,106,.19);border-radius:999px;background:rgba(255,255,255,.02);color:#8d897f;font-size:10px}.feedback-options button.selected{border-color:#b89155;background:rgba(199,166,106,.13);color:#d0b277}.feedback-panel small,.outcome-feedback>small{display:block;min-height:14px;margin-top:8px;color:#62675f;font:9px var(--sans)}.outcome-feedback summary{color:#aa9165;font-size:12px;cursor:pointer}.outcome-feedback[open] summary{margin-bottom:10px}.outcome-options button{min-width:105px}