@font-face{font-family:BXSerif;src:url('/assets/serif.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--bg:#080f11;--surface:#0e181b;--text:#e4e5dc;--muted:#8a9b9c;--jade:#acd6ca;--gold:#b99c70;--line:rgba(183,214,208,.13);--serif:BXSerif,'Noto Serif CJK SC','Songti SC',serif;--sans:'Noto Sans CJK SC','PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a,input{outline-offset:6px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--jade)}button:disabled{opacity:.5;cursor:wait}::selection{background:#34584f;color:#fff}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}img,svg{display:block}section[id]{scroll-margin-top:85px}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;padding:10px;background:var(--jade);color:var(--bg)}.skip-link:focus{top:10px}.site-header{height:104px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3;background:rgba(8,15,17,.8)}.brand{display:flex;align-items:center;gap:13px}.brand>span{font-family:var(--serif);font-size:23px;line-height:1.5;letter-spacing:5px}.brand small{display:block;font:8px/1.8 var(--sans);letter-spacing:3px;color:var(--muted)}.site-header nav{display:flex;gap:47px;margin-left:60px}.site-header nav a{font-size:13px;letter-spacing:3px;display:flex;align-items:center;gap:8px}.site-header nav span{font-size:8px;letter-spacing:1px;color:#64797b}.site-header a:hover{color:var(--jade)}.nav-cast{padding:10px 19px;border:1px solid #35504e;letter-spacing:2px;font-size:12px}.nav-cast span{margin-left:24px;color:var(--jade)}.hero{position:relative;min-height:725px;display:grid;grid-template-columns:1fr 1.02fr;align-items:center;padding:35px 5.5% 85px;overflow:hidden}.hero-haze{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 38%,#17313077,transparent 48%),radial-gradient(ellipse at 35% 95%,#17302d36,transparent 55%)}.hero-haze:after{content:'';position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:1;padding-top:13px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);line-height:1.8}.hero .eyebrow{letter-spacing:3.5px;font-size:11px;display:flex;align-items:center;gap:11px}.live-dot{width:5px;height:5px;background:var(--jade);box-shadow:0 0 14px #8ac6bd;display:inline-block;border-radius:50%}h1{font-size:clamp(44px,4.7vw,78px);line-height:1.55;letter-spacing:4px;margin:26px 0 24px;white-space:nowrap}h1 span{color:var(--jade)}.hero-description{font-size:13px;line-height:2.2;color:#93a5a4;letter-spacing:1px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 23px;letter-spacing:1px;font-size:12px;min-height:48px;transition:background .2s,transform .2s}.primary{background:var(--jade);color:#122224}.primary:hover{background:#c3e7dd;transform:translateY(-2px)}.button span{font-size:18px}.text-button{display:inline-flex;align-items:center;gap:14px;font-size:12px;letter-spacing:1px;color:var(--text);padding:8px 0}.text-button:hover{color:var(--jade)}.tiny-orbit{font-size:22px;color:var(--gold)}.hero-note{margin-top:48px;display:flex;align-items:center;gap:15px}.hero-note>span{border:1px solid #6e78674f;color:var(--gold);font-family:var(--serif);font-size:23px;padding:0 5px}.hero-note p{color:#99aaa5;font-family:var(--serif);font-size:13px;letter-spacing:3px}.hero-note small{display:block;color:#596e70;font:8px var(--sans);letter-spacing:1.5px;margin-top:5px}.cosmos{position:relative;align-self:center;width:110%;margin-left:-3%;max-width:720px;aspect-ratio:1;user-select:none}.cosmos svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cosmos-top,.cosmos-bottom{position:absolute;left:16%;right:16%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:3px;color:#738c89}.cosmos-top{top:6%}.cosmos-bottom{bottom:5%;font-size:9px;left:13%;right:13%}.crosshair{font-size:17px;color:#587774}.cosmos-center{position:absolute;inset:29%;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.center-yi{font-family:var(--serif);font-size:105px;line-height:1.7;color:#d6d5b9;text-shadow:0 0 45px #93d3bd33}.center-caption,.center-bottom{font-size:7px;letter-spacing:3px;color:#87a59c}.center-caption{color:var(--gold)}.orbit-spin{transform-origin:340px 340px;animation:orbit 180s linear infinite}.orbit-reverse{animation-direction:reverse;animation-duration:240s}.orbit-trigram{cursor:pointer;outline-offset:0}.orbit-trigram:hover .trigram-mark,.orbit-trigram:focus .trigram-mark{fill:#dfebd0;filter:drop-shadow(0 0 6px #a9e4cc)}.hero-bottom{position:absolute;bottom:23px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;color:#647c7d;font-size:9px;letter-spacing:1.8px}.hero-bottom a{display:flex;align-items:center;gap:15px}.hero-bottom p{font-family:var(--serif);font-size:12px;letter-spacing:4px;color:#9caaa2}.hero-bottom p span{margin:0 14px;color:var(--gold)}.hero-bottom>span{font-size:8px}.scroll-line{height:1px;width:35px;background:#587373}.intro-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:0 5.5%;background:#0d1719}.intro-strip>a,.intro-strip>button{display:flex;align-items:center;gap:23px;padding:27px 30px;text-align:left;border-right:1px solid var(--line)}.intro-strip>a:first-child{padding-left:0}.intro-strip>button{border-right:0}.path-num{font-size:10px;font-family:monospace;color:var(--gold)}.intro-strip strong{font:19px var(--serif);letter-spacing:4px}.intro-strip p{font-size:10px;color:#7c9393;margin-top:7px;letter-spacing:1px}.intro-strip>a>span:last-child,.intro-strip>button>span:last-child{margin-left:auto;color:#7a9490;font-size:18px}.intro-strip>a:hover,.intro-strip>button:hover{background:#142224}.section{padding:98px 5.5%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:38px}h2{font-size:35px;line-height:1.6;letter-spacing:2px}h2 span{color:#b4c9c0}.section-heading h2{margin-top:15px}.section-heading>p{font-size:11px;color:var(--muted);line-height:2.1;letter-spacing:1px}.explore-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:24px;gap:20px}.filter-tabs{display:flex;gap:30px}.filter-tabs button{padding:15px 0;color:#829b9a;font-size:11px;border-bottom:2px solid transparent;letter-spacing:1px}.filter-tabs button.active{color:var(--jade);border-bottom-color:var(--jade)}.filter-tabs button span{margin-left:7px;font-size:8px;opacity:.6}.search{display:flex;align-items:center;gap:12px;color:#78938f}.search span{font-size:22px}.search input{width:188px;padding:9px 0;color:var(--text);background:none;border:0;font-size:10px;letter-spacing:1px}.search input::placeholder{color:#728c8c}.hexagram-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.gua-card{position:relative;display:flex;align-items:center;flex-direction:column;gap:10px;border:1px solid var(--line);padding:31px 12px 20px;min-height:169px;background:linear-gradient(145deg,#12202255,#0b1416);transition:background .25s,border .25s,transform .25s}.gua-card:hover{background:#142724;border-color:#789a8366;transform:translateY(-4px)}.gua-num{position:absolute;top:11px;left:12px;color:#5e7777;font:8px monospace}.gua-card .hex{width:38px;height:40px;margin-bottom:5px;color:#acbda9}.gua-card:nth-child(3n+2) .hex{color:#86b7af}.gua-name{font:19px var(--serif);letter-spacing:3px}.gua-nature{font-size:8px;letter-spacing:1px;color:#7c9594}.hex{display:flex;flex-direction:column-reverse;justify-content:space-between}.hex-line{display:flex;gap:20%;height:8%;width:100%;color:inherit}.hex-line i{display:block;background:currentColor;flex:1}.hex-line.yang{gap:0}.hex-line.moving{color:var(--gold)}.explore-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:21px}.explore-bottom p{font-size:9px;color:#687f80;letter-spacing:1px}.explore-bottom button{font-size:10px;color:#a7c2b7}.empty-state{grid-column:1/-1;text-align:center;padding:40px;color:var(--muted)}.journey{background:linear-gradient(120deg,#101e20,#0a1416);display:grid;grid-template-columns:1fr 1.15fr;gap:11%;border-block:1px solid var(--line);padding-top:83px;padding-bottom:73px}.journey h2{font-size:43px;line-height:1.7;margin:17px 0 20px}.journey-intro>p:not(.eyebrow){font-size:12px;line-height:2.2;color:#91a7a4;letter-spacing:1px}.qian-art{position:relative;height:230px;width:250px;display:flex;align-items:center;justify-content:center;margin:15px 0}.qian-disc{position:absolute;width:195px;height:195px;border:1px solid #86b3a32a;border-radius:50%;box-shadow:0 0 50px #78a98d08,inset 0 0 40px #78a98d08}.qian-disc:before,.qian-disc:after{content:'';position:absolute;inset:13px;border:1px dashed #b5c7a91f;border-radius:50%}.qian-disc:after{inset:-15px;border-style:dotted}.qian-art>span{position:absolute;font-family:var(--serif);font-size:170px;opacity:.035;left:0;top:-20px}.qian-art .hex{width:70px;height:95px;color:var(--gold);position:relative}.qian-art .hex-line{transition:opacity .3s}.journey-steps{display:flex;flex-direction:column;justify-content:center}.step{position:relative;text-align:left;border-bottom:1px solid var(--line);padding:20px 0 20px 56px;transition:background .25s}.step:first-child{border-top:1px solid var(--line)}.step-index{position:absolute;left:0;top:27px;color:#688881;font:9px monospace}.step h3{font-size:21px;letter-spacing:2px;color:#b8c7bd}.step h3 small{font:9px var(--sans);letter-spacing:1px;color:#6d8c86;margin-right:18px}.step p{font-size:11px;color:#77928f;line-height:2;max-height:0;overflow:hidden;opacity:0;transition:opacity .25s,max-height .25s,margin .25s}.step.active{background:linear-gradient(90deg,transparent,#a3c9b505);padding-block:25px}.step.active h3{color:#d5ddcb}.step.active h3 small{color:var(--gold)}.step.active p{opacity:1;max-height:100px;margin-top:12px}.step.active:before{content:'';position:absolute;left:-20px;top:25px;bottom:25px;width:2px;background:var(--jade)}.question-section{text-align:center;position:relative;overflow:hidden;padding-block:83px;background:radial-gradient(ellipse at 50% 100%,#2543363a,transparent 60%)}.question-section>*:not(.question-orbits){position:relative}.question-mark{display:block;font-family:serif;font-size:42px;color:var(--gold);line-height:1.4;margin:22px 0 12px}.question-section h2{font-size:35px;letter-spacing:5px}.question-section p:not(.eyebrow){color:#8ca39d;font-size:12px;letter-spacing:1px;line-height:2.2;margin-top:20px}.question-section .button{margin-top:28px;min-width:213px}.question-section small{display:block;margin-top:24px;color:#637e76;font-size:9px;letter-spacing:1px}.question-orbits{position:absolute;width:700px;height:700px;border:1px solid #c0d1aa09;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.question-orbits:before,.question-orbits:after{position:absolute;content:'';inset:65px;border:1px solid #c0d1aa0b;border-radius:50%}.question-orbits:after{inset:130px}.journal{border-top:1px solid var(--line);padding-top:80px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.journal-card{text-align:left;padding:0}.article-art{height:210px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:23px;border:1px solid var(--line)}.article-art>span{font-family:var(--serif);font-size:90px;color:#b5ceba77;z-index:1;letter-spacing:20px;margin-left:20px}.article-art>b{position:absolute;top:15px;left:20px;font-size:22px;font-weight:400;color:#a5c7af77}.art-mountain{background:radial-gradient(ellipse at 50% 80%,#355a4e,#122a27 65%,#0d1c20)}.art-mountain:before,.art-mountain:after{content:'';position:absolute;bottom:-65px;width:280px;height:220px;background:linear-gradient(135deg,#52746455,#0b1b1a);transform:rotate(45deg);left:-40px;border:1px solid #91b59d22}.art-mountain:after{left:160px;bottom:-90px;width:240px}.art-mountain i{position:absolute;inset:0;background:linear-gradient(0deg,#132b24bb,transparent 80%);z-index:1}.art-water{background:radial-gradient(ellipse at 30% 10%,#325f6477,#12272b 70%)}.art-water:before{content:'';position:absolute;width:320px;height:320px;border:1px solid #7ca8a855;border-radius:50%;transform:rotateX(58deg);box-shadow:0 0 0 18px #123036,0 0 0 19px #7ca8a833,0 0 0 38px #123036,0 0 0 39px #7ca8a822,0 0 0 60px #123036,0 0 0 61px #7ca8a822;bottom:-160px;left:15px}.art-moon{background:radial-gradient(ellipse at 60% 40%,#5d64432b,#17231e 70%)}.art-moon:before{content:'';position:absolute;width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,#c9cd9d55,#70876b09);box-shadow:0 0 65px #adb58018;top:28px;right:40px}.art-moon:after{content:'';position:absolute;height:120px;width:120%;background:#0c1b19;border-radius:50%;bottom:-80px;transform:rotate(-12deg)}.journal-card:hover .article-art>span{color:#d0dfbba8;transform:scale(1.06)}.article-art>span{transition:transform .5s,color .5s}.article-meta{font-size:9px;color:#9aa78c;letter-spacing:1px;display:flex;justify-content:space-between}.article-meta span{color:#5f7b77}.journal h3{font-size:20px;letter-spacing:1px;margin:13px 0 8px}.journal-card p{font-size:10px;color:#7b9490;letter-spacing:.5px}.article-link{display:block;margin-top:19px;font-size:10px;color:#a1b6a5;letter-spacing:1px}.closing{margin:0 5.5%;border-block:1px solid var(--line);padding:51px 12%;display:flex;align-items:center;justify-content:space-between;text-align:center}.closing>span{font:76px var(--serif);color:#a9c3ad16}.closing p{font:22px/2 var(--serif);letter-spacing:4px;color:#a6b8ab}.closing em{font-style:normal;color:#d7ddc9}footer{padding:45px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer .brand>span{font-size:19px}footer .brand small{font-size:8px;letter-spacing:2px}footer>p{font-size:10px;color:#708982;letter-spacing:1px}footer>div{display:flex;flex-direction:column;gap:8px;font-size:9px;color:#72877c;align-items:flex-end}footer>div a{color:#abb6a0}dialog{background:#101c1f;color:var(--text);border:1px solid #54736c66;max-height:88dvh;width:min(760px,92vw);padding:0;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030a0dcc;backdrop-filter:blur(12px)}.dialog-top{position:sticky;top:0;background:#101c1ff2;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--line)}.dialog-top>span{font-size:10px;letter-spacing:2px;color:#8da69c}.close-dialog{font-size:28px;line-height:1;width:35px;height:35px;color:#b9cbbf}#reader-body,#cast-body,#article-body{padding:34px 40px 45px}.reader-header{display:flex;gap:30px;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line)}.reader-header .hex{width:60px;height:75px;color:var(--gold);flex-shrink:0}.reader-header h2{font-size:40px;margin:3px 0}.reader-header p{color:#8fa99e;font-size:12px;letter-spacing:2px}.reader-section{margin-top:26px}.reader-section h3{color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:12px}.reader-section p{font-size:14px;line-height:2.1;color:#b9cbc0}.classic-quote{font-family:var(--serif);font-size:19px!important;line-height:2.1!important}.reader-lines{list-style:none;padding:0;margin:0}.reader-lines li{padding:11px 0;border-bottom:1px solid var(--line);font:15px/2 var(--serif)}.reader-lines li.highlight{color:var(--gold);background:#a8884f0a}.reader-links{display:flex;flex-wrap:wrap;gap:10px}.reader-links button{padding:8px 13px;border:1px solid var(--line);font-size:11px;color:var(--jade)}.reader-foot{margin-top:30px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7b958b}.reader-foot a{color:#a6bdad}.reader-nav{display:flex;justify-content:space-between;margin-top:25px;gap:12px}.reader-nav button{font-size:11px;color:var(--jade);padding:8px;border:1px solid var(--line)}.cast-intro{text-align:center}.cast-intro h2{font-size:31px;margin:12px 0}.cast-intro>p{color:#8ba599;font-size:12px}.cast-question-label{display:block;margin:25px 0 8px;text-align:left;font-size:11px;color:#b1c5b4}.cast-question{display:block;width:100%;background:#0a1416;border:1px solid #46645b;color:var(--text);padding:13px 15px;margin:0 0 10px;outline-offset:2px;resize:vertical;min-height:83px}.private-note{font-size:9px!important;color:#779386!important;margin-bottom:26px}.cast-progress{display:flex;justify-content:center;gap:9px;margin:24px 0}.cast-progress i{width:23px;height:3px;background:#36554b}.cast-progress i.done{background:var(--jade)}.coins{display:flex;justify-content:center;gap:22px;margin:30px 0}.coin{width:67px;height:67px;border:2px solid #ad9765;border-radius:50%;color:#cbb881;background:radial-gradient(circle,#75613733,#1a251e);display:grid;place-items:center;font-family:var(--serif);font-size:24px;box-shadow:inset 0 0 0 5px #0e1b19,inset 0 0 0 6px #9e8b5966}.coins.tossing .coin{animation:coinflip .6s ease-in-out}.coins.tossing .coin:nth-child(2){animation-delay:.08s}.coins.tossing .coin:nth-child(3){animation-delay:.16s}.cast-current{min-height:25px;font-size:12px;color:var(--gold)}.cast-formed{height:110px;margin:20px auto;display:flex;align-items:center;justify-content:center}.cast-formed .hex{width:66px;height:90px;color:var(--jade)}.cast-reset{margin-top:17px;color:#86a697;font-size:10px;display:block;width:100%}.cast-results{display:flex;align-items:center;justify-content:center;gap:35px;margin:32px 0;text-align:center}.cast-results .hex{width:50px;height:65px;margin:0 auto 15px;color:var(--gold)}.cast-results h3{font-size:24px}.cast-results p{font-size:10px;color:#88a294}.cast-results>span{color:#759c8b;font-size:24px}.result-question{border-left:2px solid #577b69;padding:12px 16px;background:#0c1717;font-size:13px;color:#b7c8b8;margin-top:20px;overflow-wrap:anywhere}.cast-result-copy{font-size:12px;color:#97ae9e;line-height:2.2;margin:20px 0}.cast-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.article-reading h2{font-size:30px;margin:10px 0 25px}.article-reading p{font-size:14px;line-height:2.3;color:#b2c4b8;margin:20px 0}.article-reading blockquote{margin:27px 0;padding:16px 22px;border-left:2px solid var(--gold);background:#b1b37609;font:20px/2 var(--serif);color:#d3d9bb}.article-reading h3{font-size:21px;color:#ccdac5;margin-top:30px}.article-reading .article-source{font-size:10px;color:#7e9989}.article-source a{color:var(--jade)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#c2dbca;color:#0c2019;padding:10px 22px;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{padding:25px;text-align:center;color:var(--gold)}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes coinflip{50%{transform:translateY(-25px) rotateY(540deg)}}
@media(min-width:1600px){.site-header,.hero,.section,.intro-strip,footer{padding-left:max(5.5%,calc((100vw - 1440px)/2));padding-right:max(5.5%,calc((100vw - 1440px)/2))}.hero{min-height:790px}.hero-bottom{left:max(5.5%,calc((100vw - 1440px)/2));right:max(5.5%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.site-header nav{margin-left:0;gap:25px}.site-header nav span{display:none}.hero{min-height:650px}.cosmos{width:118%;margin-left:-8%}h1{font-size:48px}.hero-actions{gap:15px}.hero-actions .button{gap:12px;padding-inline:16px}.hero-actions .text-button{font-size:10px}.hexagram-grid{grid-template-columns:repeat(4,1fr)}.gua-card{min-height:160px}.hero-description{font-size:11px}.journey{gap:6%}.journey h2{font-size:36px}.journal-grid{gap:20px}.journal h3{font-size:17px}.article-art{height:185px}.intro-strip>a,.intro-strip>button{padding-inline:20px;gap:15px}.intro-strip p{font-size:9px}footer>p{display:none}}
@media(max-width:700px){html{scroll-padding-top:30px}.site-header{height:80px;padding-inline:6%}.brand>span{font-size:20px;letter-spacing:3px}.brand small{font-size:6px;letter-spacing:2px}.brand{gap:9px}.brand img{width:30px;height:30px}.site-header nav{gap:17px}.site-header nav a{font-size:11px;letter-spacing:1px}.site-header nav a:last-child{display:none}.nav-cast{padding:6px 10px;font-size:10px;letter-spacing:0}.nav-cast span{margin-left:7px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:39px 6% 72px;min-height:0}.hero-copy{padding:0}.hero .eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:45px;line-height:1.5;letter-spacing:2px;margin:20px 0}.hero-description{font-size:11px;line-height:2.2;letter-spacing:.5px}.hero-actions{margin-top:25px;gap:23px}.hero-actions .button{font-size:11px;padding:10px 15px;gap:20px}.hero-actions .text-button{font-size:10px;gap:8px}.hero-note{display:none}.cosmos{width:110%;margin:-8px 0 -18px -5%;max-width:550px;align-self:center}.cosmos-center .center-yi{font-size:80px}.center-caption,.center-bottom{font-size:6px;letter-spacing:1px}.cosmos-top{font-size:6px;top:6%}.cosmos-bottom{font-size:7px;letter-spacing:1px;bottom:4%}.hero-bottom{left:6%;right:6%;bottom:18px;font-size:8px;letter-spacing:1px}.hero-bottom>span{display:none}.hero-bottom p{font-size:10px;letter-spacing:2px}.hero-bottom p span{margin-inline:6px}.hero-bottom a{gap:8px}.scroll-line{width:20px}.intro-strip{padding-inline:6%;grid-template-columns:1fr}.intro-strip>a,.intro-strip>button{padding:18px 0;border-right:0;border-bottom:1px solid var(--line);gap:20px}.intro-strip>button{border-bottom:0}.intro-strip>*>div{display:flex;gap:20px;align-items:center}.intro-strip strong{font-size:17px;white-space:nowrap}.intro-strip p{margin:0;font-size:10px}.section{padding:62px 6%}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:17px;font-size:10px}.section-heading h2{margin-top:12px}h2{font-size:27px;letter-spacing:1px}.eyebrow{font-size:8px;letter-spacing:2px}.explore-toolbar{flex-wrap:wrap;gap:4px;margin-bottom:20px}.filter-tabs{gap:23px}.filter-tabs button{padding:12px 0;font-size:10px}.search{width:100%;border-top:1px solid var(--line)}.search input{width:100%;font-size:10px;padding:12px 0}.hexagram-grid{gap:9px}.gua-card{padding:29px 6px 15px;min-height:145px;gap:8px}.gua-num{font-size:7px;top:8px;left:8px}.gua-card .hex{width:30px;height:34px}.gua-name{font-size:18px;letter-spacing:1px}.gua-nature{font-size:7px;letter-spacing:0}.explore-bottom{align-items:flex-start;gap:20px}.explore-bottom p{font-size:8px;max-width:130px}.explore-bottom .text-button{font-size:9px;padding:0;gap:6px}.journey{grid-template-columns:1fr;gap:27px}.journey-intro{position:relative}.journey h2{font-size:33px;margin-top:14px;margin-bottom:16px}.journey-intro>p:not(.eyebrow){font-size:11px}.qian-art{position:absolute;width:125px;height:170px;right:-10px;top:35px;margin:0}.qian-disc{width:115px;height:115px}.qian-disc:before{inset:7px}.qian-disc:after{inset:-8px}.qian-art .hex{width:43px;height:60px}.qian-art>span{font-size:120px;left:0;top:0}.journey-intro>.text-button{margin-top:16px;font-size:10px}.step{padding:18px 0 18px 38px}.step-index{top:25px;font-size:8px}.step h3{font-size:19px;letter-spacing:1px}.step h3 small{font-size:8px;margin-right:14px}.step.active:before{left:-10px}.step p{font-size:10px}.question-section{padding-block:60px}.question-section h2{font-size:26px;letter-spacing:2px}.question-section p:not(.eyebrow){font-size:11px}.question-section small{font-size:8px;letter-spacing:0}.journal-grid{grid-template-columns:1fr;gap:37px}.article-art{height:210px;margin-bottom:17px}.journal h3{font-size:22px}.journal-card p{font-size:11px}.article-link{margin-top:13px}.journal .section-heading>p{display:none}.closing{padding:32px 0;margin-inline:6%}.closing p{font-size:17px;letter-spacing:2px}.closing>span{font-size:50px}footer{padding:32px 6%;gap:15px}footer .brand>span{font-size:17px}footer .brand small{font-size:7px;letter-spacing:1px}footer>div{font-size:8px;gap:6px}dialog{max-height:91dvh;width:94vw}.dialog-top{padding:12px 18px}.dialog-top>span{font-size:9px}#reader-body,#cast-body,#article-body{padding:25px 22px 30px}.reader-header{gap:22px}.reader-header h2{font-size:32px}.reader-header .hex{width:45px;height:60px}.reader-header p{font-size:10px}.reader-section p{font-size:12px}.classic-quote{font-size:17px!important}.reader-lines li{font-size:13px}.reader-links{gap:7px}.reader-links button{font-size:10px;padding:7px 10px}.reader-foot{font-size:9px}.article-reading h2{font-size:25px}.article-reading p{font-size:13px}.cast-intro h2{font-size:27px}.cast-results{gap:22px}.coin{width:60px;height:60px}.coins{gap:18px}.cast-actions{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}