:root{font-family:Arial,Helvetica,sans-serif;color:#e9dfca;background:#211b16;font-synthesis:none;--gold:#c9a768;--muted:#b1a38e;--border:#79613c52}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 30%,#62412728,transparent 65%),repeating-linear-gradient(92deg,#ffffff01 0px,#ffffff01 1px,transparent 2px,transparent 7px),#211b16;line-height:1.6}button,textarea{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:#e5c68b}button,a,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #edc87e}button{cursor:pointer;color:#e4d6bc;border:1px solid var(--border);background:#ffffff05;padding:12px 20px;border-radius:3px}button:hover{border-color:var(--gold);background:#ffffff0b}button:disabled{cursor:wait;opacity:.65}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}em{font-style:normal;color:var(--gold)}.site-header{min-height:110px;margin:0 auto;padding:20px 0;max-width:1320px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:30px}.brand{display:flex;align-items:center;gap:14px;font:25px Georgia,serif}.seal{border:1px solid #ad6947;color:#d09369;font-size:31px;line-height:48px;text-align:center;width:44px;border-radius:2px;transform:rotate(-3deg)}.brand small{display:block;letter-spacing:2.1px;color:var(--muted);font:9px Arial,sans-serif;margin-top:8px}.site-header nav{display:flex;gap:34px;font-size:13px;color:#c6bba8}.site-header nav a{padding:12px 0;position:relative}.site-header nav a.active{color:var(--gold)}.active:after{content:"";height:1px;background:var(--gold);position:absolute;bottom:0;left:0;right:0}.site-header nav span{color:var(--gold);font-size:10px;margin-left:4px}.edition{font-size:10px;letter-spacing:3px;color:#9f8b6a}main{max-width:1220px;margin:auto}.intro{text-align:center;padding:61px 20px 25px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--gold);font-weight:600}.intro h1{font-size:52px;line-height:1.25;margin:18px 0}.lead{font-size:14px;color:#bdb09d;line-height:1.9}.ornament{display:flex;align-items:center;gap:17px;justify-content:center;color:var(--gold);margin:24px 0 10px}.ornament span{width:66px;height:1px;background:linear-gradient(90deg,transparent,#a1844e)}.ornament span:last-child{transform:rotate(180deg)}.ritual{display:grid;grid-template-columns:1.04fr 1.15fr .7fr;background:linear-gradient(120deg,#47372a4d,#2d251e88);border:1px solid var(--border);border-radius:7px;box-shadow:0 20px 60px #0002,inset 0 1px #ffffff05;position:relative}.question-panel,.casting-panel,.figure-panel{padding:29px}.question-panel{border-right:1px solid var(--border)}.eyebrow span{margin-left:12px;color:#b2a38d}.question-panel h2{font-size:28px;margin:20px 0 10px}.question-panel>p:not(.eyebrow):not(.privacy){font-size:12px;color:var(--muted);line-height:1.9}.question-panel label{display:block;font-size:11px;margin:23px 0 9px}.question-panel label span{float:right;font-size:10px;color:#9f917b}textarea{display:block;resize:vertical;width:100%;min-height:100px;max-height:300px;background:#17130e70;border:1px solid #80643a70;color:#eaddc7;border-radius:4px;padding:13px;font-size:12px;line-height:1.8}textarea::placeholder{color:#8d806b}.privacy{font-size:9px;color:#9f927e;margin-top:9px}.gentle-note{display:flex;align-items:center;gap:17px;margin-top:27px;color:#ad9c83}.gentle-note>span{font:33px Georgia;color:#9c8356}.gentle-note p{font-size:10px;line-height:1.9}.casting-panel{text-align:center;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.casting-top{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:10px;color:var(--muted)}.coins{display:flex;justify-content:center;gap:15px;padding:52px 0 30px;perspective:700px}.coin{height:90px;width:90px;border-radius:50%;background:radial-gradient(circle at 36% 25%,#f6d78b,#bb8e3f 45%,#8b5b27 71%,#e0b65f 75%,#977033 81%,#c69a4a 84%,#725027 91%,#b68b45 94%);box-shadow:inset 0 0 0 3px #e7c77c55,inset 0 0 0 8px #5e3b1544,0 8px 17px #0007;position:relative;color:#523715;flex-shrink:0;text-shadow:0 1px #ffe5a277}.coin:before,.coin:after{position:absolute;top:32px;font:14px Georgia;content:"通";left:11px}.coin:after{content:"寶";left:auto;right:11px}.coin-glyph{position:absolute;top:7px;left:0;right:0;font:18px Georgia}.coin-hole{position:absolute;top:34px;left:34px;width:21px;height:21px;background:#2b2115;box-shadow:inset 2px 2px 3px #0009,0 0 0 2px #71501f,0 0 0 3px #ddb45d}.coin-value{position:absolute;bottom:10px;left:0;right:0;font-size:7px;letter-spacing:.8px}.coin-caption{font-size:10px;color:var(--muted);min-height:34px}.primary{background:linear-gradient(100deg,#c5a363,#e1c48b);color:#2b2115;border:1px solid #d8b879;font-weight:600}.primary:hover{background:#e4c68d;color:#211b16}.cast-button{margin:14px 0 23px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.cast-button span{font-size:19px}.casting-bottom{display:flex;justify-content:center;align-items:center;gap:15px;padding-top:18px;border-top:1px solid var(--border)}.casting-bottom p{text-align:left;font-size:10px;color:var(--muted)}.casting-bottom strong{font-weight:400;color:#d5c2a0}.mini-symbol{font-size:35px;color:#a88c59}.figure-panel{background:#120f0b25;text-align:center;border-left:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center}.figure-panel>.eyebrow{font-size:9px;letter-spacing:1.5px}.hexagram{width:175px;margin:28px auto 18px;display:flex;flex-direction:column;gap:13px}.hex-row{display:flex;align-items:center;gap:10px;height:11px}.line-index{width:10px;font-size:8px;color:#ac9b7c}.line{height:9px;display:flex;gap:15px;flex:1}.line i{display:block;flex:1;background:#d7bd85;box-shadow:0 1px 4px #d8b25b18}.line.yang{gap:0}.line.empty i{background:#9d89551c}.line.empty{gap:0}.line.changing i{background:#dc9858}.change-marker{width:9px;font-size:10px;color:#dc9858}.figure-caption{font-size:10px;color:var(--muted);margin:14px 0}.steps{display:flex;gap:8px;margin:8px 0}.steps span{width:17px;height:17px;line-height:17px;border:1px solid #8e79502e;border-radius:50%;font-size:8px;color:#a08d6b}.steps .done{background:#c8a568;color:#241b10;border-color:#c8a568}.bottom-label{font-size:8px;letter-spacing:1.6px;color:#9e8a68;margin:12px 0}.status{text-align:center;font-size:10px;color:#9d8e77;margin:17px}.how{border-top:1px solid var(--border);margin-top:50px;padding:37px 0 49px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:42px}.how h2{font-size:25px;line-height:1.5;margin-top:14px}.how>div>span{color:#a18b60;font:24px Georgia}.how h3{font-size:18px;margin:9px 0}.how p:not(.eyebrow){font-size:11px;color:var(--muted)}footer{max-width:1320px;margin:0 auto;padding:23px 0 27px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:9px;color:#a49781}.gold{color:var(--gold)}.results{margin:50px 0 0;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:36px;margin:9px 0 20px}.date{font-size:12px;color:var(--muted)}blockquote{margin:0 0 25px;padding:15px 20px;border-left:2px solid var(--gold);background:#ffffff04;overflow-wrap:anywhere}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.result-card{padding:30px;background:#44352640;border:1px solid var(--border);border-radius:5px}.result-title{display:flex;align-items:center;gap:20px;margin:22px 0}.chinese{font:45px Georgia;color:var(--gold)}.result-title small{font-size:9px;letter-spacing:1px;color:var(--muted)}.result-title h3{font-size:27px}.result-card>p:not(.eyebrow){font-size:13px;color:#c9baa3}.result-card p.editorial{font-size:10px;margin-top:18px;color:var(--gold)}.line-reading{padding:25px 0}.line-reading h3{font-size:25px;margin-bottom:12px}.line-reading p,.line-reading li{font-size:13px;color:var(--muted);margin:10px 0}details{margin:20px 0}summary{cursor:pointer;color:var(--gold);font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions button{font-size:12px}.notice{color:var(--gold);margin:15px 0;font-size:13px}.muted{font-size:10px;color:var(--muted)}.text-page{max-width:850px;padding:60px 24px 80px;min-height:70vh}.text-page h1{font-size:48px;line-height:1.3;margin:20px 0}.text-page h2{font-size:28px;margin:35px 0 12px}.text-page>p,.text-page li{color:#c7b9a2;font-size:14px;line-height:1.9;margin:14px 0}.text-page a{color:var(--gold)}.method-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:12px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--gold)}.back-link{display:inline-block;margin-top:25px}.saved-card{padding:23px 0;border-bottom:1px solid var(--border);display:flex;gap:20px;justify-content:space-between}.saved-card p{overflow-wrap:anywhere;font-size:13px;color:var(--muted)}.saved-card small{font-size:10px;color:var(--muted)}.saved-card h3{font-size:24px;margin:8px 0}.saved-card button{font-size:11px;margin:4px}.empty-state{text-align:center;padding:65px 0;font:28px Georgia}.empty-state p,.empty-state a{font:13px Arial;margin:20px}.tossing .coin{animation:flip .8s ease-in-out both;animation-delay:var(--delay)}@keyframes flip{0%{transform:translateY(0) rotateY(0)}40%{transform:translateY(-35px) rotateY(400deg) rotate(12deg)}to{transform:translateY(0) rotateY(720deg)}}@media(min-width:1500px){.intro{padding-top:80px}.ritual{margin-top:15px}.intro h1{font-size:58px}}@media(max-width:1370px){.site-header,footer{margin-left:35px;margin-right:35px}main{margin-left:55px;margin-right:55px}.coins{gap:9px}.coin{width:80px;height:80px}.coin-hole{left:29px;top:30px}.coin:before,.coin:after{top:29px;font-size:11px}.coin-value{bottom:8px}.coin-glyph{top:6px}.text-page{margin:auto}}@media(max-width:1050px){main{margin:0 30px}.ritual{grid-template-columns:1fr 1.1fr}.figure-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);padding:24px}.figure-panel .hexagram{margin:20px auto 8px}.figure-panel .figure-caption{margin:8px}.how{gap:25px;grid-template-columns:1fr 1fr}.edition{display:none}.text-page{margin:auto}}@media(max-width:650px){.site-header{margin:0 20px;min-height:120px;flex-direction:column;gap:10px;padding:20px 0 12px}.brand{font-size:23px}.seal{width:37px;line-height:40px;font-size:27px}.site-header nav{gap:30px;font-size:12px}.brand small{font-size:8px}main{margin:0 18px}.intro{padding:35px 0 15px}.intro h1{font-size:35px;margin:16px 0}.lead{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.8px}.ritual{grid-template-columns:1fr}.question-panel{border-right:0;border-bottom:1px solid var(--border)}.question-panel,.casting-panel{padding:25px}.question-panel h2{margin-top:14px}.gentle-note{display:none}.question-panel label{margin-top:17px}.coins{padding:38px 0 22px;gap:20px}.coin{height:85px;width:85px}.coin-hole{top:32px;left:32px}.casting-top .eyebrow,.coin-caption{font-size:10px}.figure-panel{grid-column:auto}.how{grid-template-columns:1fr;gap:26px;padding:28px 7px;margin-top:35px}.how>div:first-child{margin-bottom:8px}.how>div>span{float:left;margin-right:17px}.how h3{margin-top:0}.how p:not(.eyebrow){margin-left:41px}.how h2{font-size:27px}.how>div:first-child p{margin-left:0}.result-grid{grid-template-columns:1fr}.result-card{padding:24px}.section-heading h2{font-size:30px}.section-heading{gap:15px}.date{font-size:10px}.actions{flex-direction:column}.text-page{margin:0;padding:35px 22px 60px}.text-page h1{font-size:39px}.text-page>p{font-size:13px}.saved-card{flex-direction:column;gap:10px}footer{margin:0 23px;display:flex;flex-direction:column;font-size:9px}.status{font-size:9px}.method-table table{min-width:430px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}.ritual>*{min-width:0}.reading-guide{font-size:13px;color:var(--muted);margin:0 0 24px;max-width:850px}.line-reading p.editorial{font-size:10px;color:var(--gold);margin-top:4px}.result-title>div{min-width:0}.result-title h3{overflow-wrap:anywhere}