:root{--ink:#192d35;--muted:#627177;--paper:#f8faf9;--line:#dce3e2;--red:#a63d32;--serif:'Songti SC','STSong','Noto Serif CJK SC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,summary,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bc7467;outline-offset:5px}textarea:focus{outline:2px solid #688285;outline-offset:2px}.site-header{max-width:1240px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:25px;letter-spacing:3px;font-weight:700}.brand small{display:block;letter-spacing:2px;font-family:Arial,sans-serif;font-size:10px;color:var(--muted);line-height:1.6;font-weight:400}.brand-mark{width:38px;height:44px;background:var(--red);display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px;flex-shrink:0}.brand-mark i{display:block;height:3px;background:#fff}.brand-mark i:nth-child(2){background:linear-gradient(to right,#fff 40%,transparent 40%,transparent 60%,#fff 60%)}nav{display:flex;gap:36px;font-size:14px}nav a{padding:10px 0}nav a.active{border-bottom:2px solid var(--red)}.header-note{font-family:var(--serif);font-size:14px;color:var(--muted);letter-spacing:2px}main{max-width:1240px;margin:auto;padding:50px 40px 0}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:stretch}.question-pane{padding:10px 0 24px}.eyebrow{font-size:13px;letter-spacing:3px;color:var(--red);margin:0 0 24px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--red);transform:rotate(45deg)}h1{font-family:var(--serif);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:500;line-height:1.4;letter-spacing:3px;margin:0 0 20px}.intro{color:var(--muted);line-height:1.9;margin:0 0 32px}.question-field label{font-size:15px;display:flex;justify-content:space-between;margin-bottom:10px}.question-field label span{font-size:12px;color:var(--muted)}textarea{display:block;width:100%;padding:15px 17px;resize:vertical;min-height:106px;max-height:280px;border:1px solid #cbd6d5;border-radius:2px;background:#fff;color:var(--ink);line-height:1.8;font-size:15px}textarea::placeholder{color:#8b9799}.field-note{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:12px;gap:14px}.prepare{display:flex;gap:16px;margin-top:25px}.section-number{font-family:Georgia,serif;color:var(--red);font-size:16px;line-height:1.6}.prepare h2{font-size:15px;font-weight:500;margin:0}.prepare p{font-size:14px;color:var(--muted);margin:4px 0 0}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #92a4a6;margin-top:26px;color:#426167}.cast-pane{background:var(--ink);color:#f3f6f5;border-radius:3px;min-width:0;position:relative;display:flex;flex-direction:column;box-shadow:0 14px 30px #102d3510}.board-top{display:flex;justify-content:space-between;gap:14px;padding:24px 28px;font-size:12px;letter-spacing:1px;color:#b8c8cb;border-bottom:1px solid #ffffff16}.hex-stage{position:relative;padding:42px 38px 24px;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:300px}.vertical-note{position:absolute;right:30px;top:44px;writing-mode:vertical-rl;letter-spacing:5px;font-family:var(--serif);font-size:12px;color:#8ca2a7}.hexagram{display:flex;flex-direction:column;gap:15px;width:200px}.yao{display:flex;gap:19px;height:10px;position:relative}.yao b{flex:1;background:#e8efec;display:block}.yao.placeholder b{background:#ffffff15}.yao.placeholder{height:1px;margin:4px 0 5px}.yao.yang b{flex:1}.yao.yang b:nth-child(2){display:none}.yao.moving b{background:#d79581}.yao small{position:absolute;left:calc(100% + 14px);top:-5px;font-size:12px;white-space:nowrap;font-weight:400;color:#e0ab98}.stage-caption{text-align:center;margin-top:30px}.stage-caption>span{display:block;font-family:var(--serif);font-size:26px;letter-spacing:4px}.stage-caption small{font-size:12px;color:#99afb3;letter-spacing:3px;display:block;margin-top:6px}.cast-controls{padding:0 34px 24px;text-align:center}.coin-results{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.coin-results span{border:1px solid #ffffff20;padding:5px 10px;color:#b8c8cb;font-size:12px;border-radius:2px}#cast-status{font-size:14px;color:#c1d0d2;min-height:24px;margin:18px 0}.primary{border:1px solid #f1f5f2;background:#e9efeb;color:#192d35;padding:13px 22px;width:100%;font-size:16px;letter-spacing:3px;border-radius:2px;transition:background .2s}.primary:hover{background:#fff}.primary:disabled{cursor:wait;opacity:.65}.progress-dots{display:flex;gap:9px;justify-content:center;margin-top:21px}.progress-dots i{width:5px;height:5px;border-radius:50%;background:#647b82}.progress-dots i.filled{background:#e2ab95}.board-footnote{font-size:12px;color:#9bb0b5;letter-spacing:2px;margin:12px 0 0}.method-section{display:grid;grid-template-columns:1fr 1fr;gap:72px;border-top:1px solid var(--line);margin-top:64px;padding:40px 0 50px}.method-section h2{font-family:var(--serif);font-size:25px;letter-spacing:1px;font-weight:500;margin:0 0 14px}.method-section .eyebrow{margin-bottom:14px}.method-section>div>p:last-child{color:var(--muted);font-size:14px;max-width:350px}.method-details details{border-bottom:1px solid var(--line);padding:16px 0}.method-details details:first-child{padding-top:0}summary{font-size:15px;cursor:pointer;list-style-position:outside;margin-left:16px;padding-left:6px}details p{color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:0}footer{max-width:1240px;margin:auto;padding:25px 40px 32px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.footer-sep{padding:0 12px;color:#a5b1b4}.result{margin-top:48px;outline:none}.result-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;border-top:1px solid var(--line);padding-top:34px;margin-bottom:26px}.result-head .eyebrow{margin-bottom:6px}.result-head h2{font-family:var(--serif);font-size:30px;font-weight:500;margin:0}.secondary{padding:9px 18px;background:transparent;border:1px solid #afbebe;border-radius:2px;color:var(--ink);font-size:14px}.secondary:hover{background:#e9efec}.asked-question{font-family:var(--serif);font-size:18px;margin:0 0 25px;overflow-wrap:anywhere}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reading-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:3px;min-width:0}.reading-card-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.reading-card .eyebrow{margin:0 0 8px;font-size:12px}.reading-card h3{font-family:var(--serif);font-size:32px;line-height:1.5;font-weight:500;margin:0}.reading-card .hexagram{width:72px;gap:7px;flex-shrink:0}.reading-card .yao{height:4px;gap:8px}.reading-card .yao b{background:var(--ink)}.reading-card .yao.moving b{background:var(--red)}.reading-card .yao small{display:none}.trigrams{font-size:13px;color:var(--muted);margin:3px 0 0}.reading-card blockquote{font-family:var(--serif);font-size:20px;line-height:1.9;padding:20px 0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-wrap:anywhere}.reading-card h4{font-size:14px;margin:21px 0 8px;font-weight:500;color:var(--red)}.reading-card p{font-size:15px;line-height:1.9}.source-link{font-size:12px;text-decoration:underline;color:var(--muted);text-underline-offset:4px}.moving-section{margin-top:26px;padding:28px;background:#eef3f1;border:1px solid var(--line)}.moving-section h3{font-family:var(--serif);font-size:23px;font-weight:500;margin:0 0 7px}.moving-section>p{font-size:14px;color:var(--muted);margin:0 0 16px}.line-reading{padding:16px 0;border-top:1px solid #d5dfdb;display:flex;gap:20px;align-items:flex-start}.line-label{color:var(--red);font-size:14px;white-space:nowrap;min-width:35px}.line-text{font-family:var(--serif);font-size:18px;line-height:1.9}.reading-note{font-size:12px;color:var(--muted);margin-top:16px}.noscript{padding:20px;color:var(--red)}[hidden]{display:none!important}@media(min-width:1400px){main{padding-top:62px}.workspace{gap:96px}.question-pane{padding-bottom:30px}.hex-stage{min-height:340px}}@media(max-width:900px){.header-note{display:none}.site-header,main,footer{padding-left:28px;padding-right:28px}.workspace,.method-section{gap:36px}.vertical-note{right:18px}.hex-stage{padding-left:26px;padding-right:26px}.hexagram{width:150px}h1{font-size:2.6rem}.board-top{padding:20px}.cast-controls{padding-left:22px;padding-right:22px}}@media(max-width:680px){.site-header{padding:20px}.brand{font-size:21px;gap:10px}.brand small{font-size:9px}.brand-mark{width:30px;height:36px;padding:6px}nav{gap:20px;font-size:13px}main{padding:30px 20px 0}.workspace{grid-template-columns:1fr;gap:20px}.question-pane{padding-top:0}.eyebrow{margin-bottom:17px}h1{font-size:2.45rem;line-height:1.45;margin-bottom:14px}h1 br{display:none}.intro{margin-bottom:23px;font-size:15px}.prepare{margin-top:20px}.text-link{margin-top:20px}.cast-pane{min-height:530px}.hex-stage{min-height:285px;padding-top:42px}.hexagram{width:180px}.vertical-note{right:28px}.cast-controls{padding:0 28px 23px}.method-section{grid-template-columns:1fr;gap:20px;margin-top:36px;padding:30px 0}.method-section h2{font-size:23px}footer{padding:22px 20px;flex-direction:column;gap:8px}.result-grid{grid-template-columns:1fr;gap:16px}.result-head h2{font-size:25px}.reading-card{padding:22px}.moving-section{padding:22px}.result-head{align-items:flex-start}.line-reading{gap:12px}.header-note{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the primary action in reach on small screens. */
.brand small{font-size:12px;letter-spacing:1.2px}textarea{font-size:16px}@media(max-width:680px){.brand small{font-size:12px;letter-spacing:.7px}nav{font-size:14px;gap:16px}.question-pane{padding-bottom:0}.question-pane .intro,.question-pane .prepare,.question-pane .text-link{display:none}.question-pane h1{font-size:2rem;margin-bottom:22px}.cast-pane{min-height:0}.cast-controls{order:1;padding-top:20px}.hex-stage{order:2;min-height:220px;padding:20px 28px 28px}.board-top{padding:16px 20px}.cast-controls #cast-status{margin:12px 0}.stage-caption{margin-top:20px}.stage-caption>span{font-size:23px}.hexagram{gap:11px}.yao{height:8px}.vertical-note{top:20px}}

footer{flex-wrap:wrap}.icp-link{flex-basis:100%;text-align:center;white-space:nowrap}.icp-link:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:680px){.icp-link{flex-basis:auto;text-align:left}}