:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20231f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#20231f;--ink-soft:#555a52;--ink-faint:#898d84;--paper:#f1eee5;--paper-light:#faf8f2;--paper-deep:#e5e0d4;--line:#20231f29;--line-strong:#20231f52;--vermilion:#b64b35;--vermilion-dark:#853727;--teal:#315f5a;--blue:#315f72;--serif:"Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--shadow:0 22px 60px #28272117;background:#f1eee5;font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 15% 5%, #ffffffb8, transparent 28rem), radial-gradient(circle at 90% 20%, #bbb09021, transparent 26rem), var(--paper);min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;pointer-events:none;content:"";background-image:repeating-linear-gradient(90deg,#20231f04 0 1px,#0000 1px 7px);position:fixed;inset:0}button,input,select{font:inherit}button{color:inherit}button,summary,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #b64b3557}a{color:inherit}code{font-family:SFMono-Regular,Consolas,monospace;font-size:.92em}.app-shell{min-height:100vh}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f1eee5e0;border-bottom:1px solid #20231f1c;justify-content:space-between;align-items:center;min-height:70px;padding:0 5vw;display:flex;position:sticky;top:0}.wordmark{font-family:var(--serif);letter-spacing:.02em;background:0 0;border:0;align-items:center;gap:11px;font-size:18px;display:flex}.wordmark b{color:var(--vermilion);margin:0 2px;font-family:inherit;font-weight:400}.wordmark-lines{gap:3px;width:28px;display:grid}.wordmark-lines i{background:var(--ink);height:3px}.wordmark-lines i:nth-child(2){background:linear-gradient(90deg, var(--ink) 0 40%, transparent 40% 60%, var(--ink) 60%)}.desktop-nav{align-items:center;gap:6px;display:flex}.desktop-nav button{color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.desktop-nav button:hover,.desktop-nav button.is-active{background:var(--ink);color:var(--paper-light)}main{min-height:calc(100vh - 170px)}.eyebrow{color:var(--vermilion);letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:800}.primary-button,.secondary-button{border:1px solid var(--ink);border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:12px 20px;font-size:14px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{background:var(--ink);color:var(--paper-light);box-shadow:5px 5px #b64b3538}.secondary-button{background:#faf8f28c}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #20231f24}.primary-button:active,.secondary-button:active{transform:translateY(0)}.text-button{text-underline-offset:3px;background:0 0;border:0;padding:7px 2px;text-decoration:underline}.paper-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#faf8f2c7}.home-page{overflow:hidden}.hero{grid-template-columns:minmax(360px,.88fr) minmax(480px,1.12fr);align-items:center;gap:30px;width:min(1380px,100%);min-height:690px;margin:0 auto;padding:54px max(5vw,28px) 68px;display:grid;position:relative}.hero:before{background:linear-gradient(transparent, var(--line-strong), transparent);content:"";width:1px;position:absolute;top:64px;bottom:78px;left:48.5%}.hero-copy{z-index:2;position:relative}.hero-copy h1{font-family:var(--serif);letter-spacing:-.07em;margin:19px 0 8px;font-size:clamp(58px,7vw,104px);font-weight:500;line-height:.96}.hero-copy h1 span{color:var(--vermilion);vertical-align:.3em;margin:0 .1em;font-size:.5em;font-weight:400;display:inline-block}.hero-subtitle{font-family:var(--serif);letter-spacing:.04em;margin:22px 0 0;font-size:clamp(22px,2.8vw,34px)}.hero-lead{max-width:440px;color:var(--ink-soft);margin:18px 0 30px;font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-actions button span{min-width:25px;font-family:var(--serif);font-size:18px}.hero-visual{justify-self:center;width:min(100%,650px);position:relative}.hero-visual:before,.hero-visual:after{z-index:-1;content:"";border:1px solid #20231f14;border-radius:50%;position:absolute}.hero-visual:before{inset:9%}.hero-visual:after{inset:20%}.orbit-label{z-index:4;border:1px solid var(--line);color:var(--ink-soft);font-family:var(--serif);background:#f1eee5e6;padding:5px 9px;font-size:12px;position:absolute}.orbit-label--top{top:15%;left:12%}.orbit-label--bottom{color:var(--vermilion-dark);bottom:14%;right:4%}.hero-formula{color:var(--ink-faint);align-items:center;gap:9px;font-family:SFMono-Regular,monospace;font-size:11px;display:flex;position:absolute;bottom:7%;left:7%}.hero-formula i{background:var(--line-strong);width:30px;height:1px}.numbers-band{border-block:1px solid var(--line);grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;width:min(1120px,100% - 40px);margin:0 auto;padding:24px 34px;display:grid}.numbers-band>div{justify-content:center;align-items:baseline;gap:13px;display:flex}.numbers-band strong{font-family:var(--serif);font-size:36px;font-weight:500}.numbers-band span{color:var(--ink-soft);font-size:12px}.numbers-band>i{background:var(--vermilion);border-radius:50%;width:4px;height:4px}.experience-section,.boundary-section,.discovery-callout,.home-details{width:min(1120px,100% - 40px);margin-inline:auto}.experience-section{padding:112px 0 100px}.experience-section>header{max-width:650px;margin-bottom:38px}.experience-section h2,.discovery-callout h2{font-family:var(--serif);letter-spacing:-.04em;margin:10px 0;font-size:clamp(34px,5vw,58px);font-weight:500}.experience-grid{border-top:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);display:grid}.experience-grid>button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;min-height:390px;padding:26px 28px 30px;transition:background .18s,transform .18s;position:relative}.experience-grid>button:last-child{border-right:0}.experience-grid>button:hover{z-index:1;background:var(--paper-light);box-shadow:var(--shadow);transform:translateY(-5px)}.experience-index{color:var(--vermilion);margin-bottom:44px;font-family:SFMono-Regular,monospace;font-size:11px;display:block}.mini-die,.recurrence-symbol{border:1px solid var(--ink);width:84px;height:84px;font-family:var(--serif);justify-content:center;align-items:center;margin-bottom:34px;font-size:30px;display:flex;transform:rotate(7deg)}.recurrence-symbol{border:0;justify-content:flex-start;width:auto;font-family:SFMono-Regular,monospace;font-size:34px;transform:none}.paired-symbols{height:84px;font-family:var(--serif);align-items:center;gap:13px;margin-bottom:34px;font-size:45px;display:flex}.paired-symbols i{color:var(--vermilion);font-family:sans-serif;font-size:18px;font-style:normal}.experience-grid h3{font-family:var(--serif);margin:0 0 12px;font-size:25px;font-weight:600}.experience-grid p{min-height:64px;color:var(--ink-soft);margin:0 0 30px;font-size:13px;line-height:1.75}.experience-grid>button>strong{letter-spacing:.05em;font-size:12px}.experience-grid>button>strong i{color:var(--vermilion);margin-left:6px;font-style:normal}.boundary-section{border-block:1px solid var(--line-strong);grid-template-columns:1fr 72px 1fr;gap:0;padding:72px 0;display:grid;position:relative}.boundary-card{min-height:280px;padding:38px;position:relative;overflow:hidden}.traditional-card{background:#e7e2d6}.experiment-card{border:1px solid var(--line-strong);background:var(--paper-light)}.boundary-card h2{font-family:var(--serif);margin:10px 0 18px;font-size:31px;font-weight:500}.boundary-card p{z-index:1;max-width:340px;color:var(--ink-soft);line-height:1.8;position:relative}.boundary-mark{color:#20231f12;font-family:var(--serif);font-size:180px;line-height:1;position:absolute;bottom:-28px;right:22px}.boundary-divider{justify-content:center;align-items:center;display:flex}.boundary-divider span{border:1px solid var(--line-strong);background:var(--paper);width:38px;height:38px;color:var(--vermilion);border-radius:50%;justify-content:center;align-items:center;display:flex}.boundary-note{color:var(--ink-soft);text-align:center;grid-column:1/-1;margin:24px 0 0;font-size:12px}.discovery-callout{justify-content:space-between;align-items:flex-end;gap:30px;padding:105px 0;display:flex}.discovery-callout>div{align-items:center;gap:clamp(24px,5vw,70px);display:flex}.finding-number{white-space:nowrap;color:var(--vermilion);font-family:var(--serif);letter-spacing:-.08em;font-size:clamp(62px,10vw,116px);line-height:.9}.finding-number small{color:var(--ink-faint);letter-spacing:0;font-size:.33em}.discovery-callout h2{max-width:620px;font-size:clamp(30px,4vw,50px)}.discovery-callout p{color:var(--ink-soft)}.home-details{border-block:1px solid var(--line);margin-bottom:80px}.home-details summary{font-family:var(--serif);padding:20px 4px;font-size:18px}.home-details>div{grid-template-columns:repeat(3,1fr);gap:28px;padding:8px 0 30px;display:grid}.home-details p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.8}.spiral-map{aspect-ratio:1;width:100%}.spiral-map svg{width:100%;height:100%;display:block;overflow:visible}.spiral-boundary{fill:#faf8f226;stroke:#20231f14;stroke-dasharray:2 9}.spiral-thread{fill:none;stroke:#20231f30;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px}.spiral-tail{stroke:var(--vermilion);stroke-dasharray:3 5;stroke-width:1.5px}.spiral-overlay{fill:none;stroke:var(--vermilion);stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.78;stroke-width:3px;vector-effect:non-scaling-stroke}.spiral-node{cursor:default}.spiral-node[role=button]{cursor:pointer}.node-dot{fill:var(--ink);stroke:var(--paper-light);stroke-width:2px;transition:r .15s,fill .15s,opacity .15s}.spiral-node[role=button]:hover .node-dot,.spiral-node.is-selected .node-dot{fill:var(--vermilion);filter:url(#paper-shadow)}.spiral-node.is-reachable .node-dot{fill:var(--teal)}.spiral-node.is-missing .node-dot{fill:var(--paper-deep);stroke:#20231f52;opacity:.62}.spiral-node.is-selected .node-dot{fill:var(--vermilion);stroke-width:3px}.final-ring{fill:none;stroke:var(--vermilion);stroke-width:1.5px}.node-label{fill:var(--ink-soft);text-anchor:middle;font-family:SFMono-Regular,monospace;font-size:9px}.spiral-node.is-final-pair .node-label{fill:var(--vermilion-dark);font-size:11px;font-weight:800}.tail-label{fill:var(--vermilion-dark);font-family:var(--serif);font-size:11px}.spiral-map.is-compact .node-dot{stroke-width:1.5px}.page-section{width:min(1180px,100% - 40px);margin:0 auto;padding:74px 0 100px}.section-heading{max-width:730px;margin-bottom:38px}.section-heading h1{font-family:var(--serif);letter-spacing:-.05em;margin:10px 0 12px;font-size:clamp(42px,6vw,72px);font-weight:500;line-height:1.05}.section-heading p{color:var(--ink-soft);margin:0;line-height:1.8}.segmented-control{border:1px solid var(--line);background:#faf8f28c;border-radius:5px;padding:4px;display:inline-flex}.segmented-control button{color:var(--ink-soft);background:0 0;border:0;border-radius:3px;padding:9px 13px;font-size:12px;font-weight:700}.segmented-control button.is-active{background:var(--ink);color:var(--paper-light)}.method-grid{border-block:1px solid var(--line-strong);grid-template-columns:repeat(5,1fr);margin-bottom:16px;display:grid}.method-card{border:0;border-right:1px solid var(--line);background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;min-height:84px;padding:14px 18px;display:flex}.method-card:last-child{border-right:0}.method-card span{font-family:var(--serif);font-size:18px}.method-card small{color:var(--ink-faint);letter-spacing:.1em;margin-top:4px;font-size:10px}.method-card:hover,.method-card.is-active{background:var(--paper-light)}.method-card.is-active{box-shadow:inset 0 -3px 0 var(--vermilion)}.cast-console{grid-template-columns:minmax(260px,1fr) minmax(250px,.8fr) auto;align-items:center;gap:24px;padding:24px 26px;display:grid}.cast-console strong{font-family:var(--serif);font-size:18px}.cast-console p{color:var(--ink-soft);margin:6px 0 0;font-size:12px;line-height:1.65}.formula-note{font-weight:700;color:var(--vermilion-dark)!important}.manual-input{gap:5px;display:grid}.manual-input span{color:var(--ink-soft);font-size:11px}.manual-input input{border:0;border-bottom:2px solid var(--ink);letter-spacing:.2em;background:0 0;width:100%;padding:9px 12px;font-family:SFMono-Regular,monospace;font-size:22px}.manual-input small{color:var(--ink-faint);font-size:10px}.cast-button{white-space:nowrap}.status-note{text-align:right;grid-column:1/-1;color:var(--vermilion-dark)!important;margin:-8px 0 0!important}.cast-result{padding:54px 0 44px}.bottom-up-guide{grid-template-columns:repeat(6,1fr);max-width:680px;margin:0 auto 30px;display:grid}.bottom-up-guide>span{border-bottom:1px solid var(--line-strong);height:46px;color:var(--ink-faint);flex-direction:column;justify-content:center;align-items:center;font-family:SFMono-Regular,monospace;font-size:11px;display:flex;position:relative}.bottom-up-guide>span:after{background:var(--ink-faint);content:"";border-radius:50%;width:5px;height:5px;position:absolute;bottom:-3px}.bottom-up-guide>span.is-moving{color:var(--vermilion-dark)}.bottom-up-guide>span.is-moving:after{background:var(--vermilion);width:8px;height:8px;bottom:-4px}.bottom-up-guide small{font-family:var(--serif);margin-top:2px;font-size:10px}.transformation-grid{grid-template-columns:minmax(270px,1fr) 140px minmax(270px,1fr);align-items:center;gap:22px;display:grid}.hexagram-card{border:1px solid var(--line-strong);background:var(--paper-light);min-height:480px;box-shadow:var(--shadow);padding:30px}.hexagram-card__heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-top:12px;display:flex}.hexagram-card__heading>div{align-items:center;gap:12px;display:flex}.hexagram-unicode{font-family:var(--serif);font-size:56px;line-height:1}.hexagram-card h3{font-family:var(--serif);margin:0;font-size:23px;font-weight:600}.hexagram-card h3 span{color:var(--vermilion);font-family:SFMono-Regular,monospace;font-size:12px}.binary-badge{border:1px solid var(--line);color:var(--ink-faint);white-space:nowrap;padding:5px 7px;font-family:SFMono-Regular,monospace;font-size:9px}.hexagram-glyph{width:190px;max-width:100%;height:auto;margin:36px auto 24px;display:block;overflow:visible}.hexagram-line line{stroke:var(--ink);stroke-linecap:square;stroke-width:8px}.hexagram-line circle{fill:var(--paper-light);stroke:var(--vermilion);stroke-width:2px}.hexagram-line text{fill:var(--ink-faint);text-anchor:middle;font-family:SFMono-Regular,monospace;font-size:9px}.hexagram-line text.moving-value,.hexagram-line.is-moving text{fill:var(--vermilion-dark);font-weight:800}.hexagram-line.is-moving line{stroke:var(--vermilion)}.hexagram-line.is-animated{animation:.42s cubic-bezier(.2,.7,.2,1) both line-in;animation-delay:var(--line-delay);transform-box:fill-box;transform-origin:0}@keyframes line-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.trigram-pair{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;gap:10px;padding-top:15px;font-size:11px;display:flex}.relation-note{color:var(--ink-soft);text-align:center;margin:12px 0 0;font-size:11px}.moving-summary{color:var(--ink-soft);text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.change-arrow{color:var(--vermilion);font-size:40px;font-weight:200}.moving-summary strong{font-family:var(--serif);font-size:14px}.moving-summary small{color:var(--ink-faint);font-size:9px}.result-actions{justify-content:center;gap:12px;margin-top:30px;display:flex}.history-panel,.explanation-panel,.hexagram-index,.sequence-details{border-block:1px solid var(--line);margin-top:22px}.history-panel>summary,.explanation-panel>summary,.hexagram-index>summary,.sequence-details>summary{font-family:var(--serif);padding:18px 4px;font-size:17px}.history-panel summary span{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;font-family:sans-serif;font-size:10px;display:inline-flex}.history-panel>p{color:var(--ink-soft);font-size:12px}.history-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.history-list button{border:1px solid var(--line);text-align:left;background:#faf8f28c;align-items:center;gap:12px;padding:12px;display:flex}.history-list button:hover{border-color:var(--vermilion)}.history-unicode{font-family:var(--serif);font-size:30px}.history-list button>span:last-child{gap:3px;min-width:0;display:grid}.history-list strong{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.history-list small{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.danger-text{color:var(--vermilion-dark);margin-top:12px;font-size:11px}.control-row{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px;display:flex}.explore-layout{grid-template-columns:minmax(480px,1.45fr) minmax(290px,.65fr);gap:22px;display:grid}.map-panel{padding:20px}.map-caption,.legend-row{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.map-caption span{font-family:var(--serif);font-size:16px}.map-caption small{color:var(--ink-faint)}.final-pair-caption{border-top:1px solid var(--line);justify-content:center;align-items:baseline;gap:15px;margin-top:-10px;padding:13px;display:flex}.final-pair-caption strong{color:var(--vermilion-dark);font-family:var(--serif)}.final-pair-caption span{color:var(--ink-soft);font-size:10px}.selected-hexagram{padding:26px}.selected-title{align-items:center;gap:14px;margin-top:12px;display:flex}.selected-title h2{font-family:var(--serif);margin:0;font-size:22px}.selected-title p{color:var(--ink-faint);margin:4px 0 0;font-family:SFMono-Regular,monospace;font-size:9px}.selected-hexagram .hexagram-glyph{width:155px;margin-block:28px 20px}.structure-list{border-top:1px solid var(--line);margin:0}.structure-list>div{border-bottom:1px solid var(--line);grid-template-columns:86px 1fr;gap:12px;padding:10px 0;display:grid}.structure-list dt{color:var(--ink-faint);font-size:10px}.structure-list dd{margin:0;font-size:11px}.element-relation{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:20px;display:flex}.element-relation>span{color:#fff;width:35px;height:35px;font-family:var(--serif);border-radius:50%;justify-content:center;align-items:center;display:flex}.element-relation i{color:var(--ink-faint);font-style:normal}.element-relation p{color:var(--ink-soft);text-align:center;flex-basis:100%;margin:2px 0 0;font-size:11px}.fine-print{color:var(--ink-faint);font-size:10px;line-height:1.6}.explanation-grid{grid-template-columns:repeat(3,1fr);gap:28px;padding:5px 0 22px;display:grid}.explanation-grid h3{font-family:var(--serif);margin:0 0 8px;font-size:17px}.explanation-grid p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.75}.hexagram-index__grid{grid-template-columns:repeat(8,1fr);gap:5px;padding:4px 0 24px;display:grid}.hexagram-index__grid button{border:1px solid var(--line);text-align:center;background:#faf8f266;min-width:0;padding:9px 5px;display:grid}.hexagram-index__grid button:hover,.hexagram-index__grid button.is-active{border-color:var(--vermilion);background:var(--paper-light)}.hexagram-index__grid span{font-family:var(--serif);font-size:25px}.hexagram-index__grid strong{color:var(--vermilion-dark);font-family:SFMono-Regular,monospace;font-size:8px}.hexagram-index__grid small{color:var(--ink-soft);font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.binary-convention{color:var(--ink-faint);text-align:center;font-size:10px}.experiment-notice{border-left:3px solid var(--vermilion);background:#b64b350f;align-items:center;gap:18px;margin-bottom:18px;padding:15px 18px;display:flex}.experiment-notice strong{color:var(--vermilion-dark);font-family:var(--serif);white-space:nowrap}.experiment-notice span{color:var(--ink-soft);font-size:11px;line-height:1.6}.experiment-tabs{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);margin-bottom:28px;display:grid}.experiment-tabs button{border:0;border-right:1px solid var(--line);color:var(--ink-soft);background:0 0;padding:16px;font-family:SFMono-Regular,monospace;font-size:12px}.experiment-tabs button:last-child{border-right:0}.experiment-tabs button.is-active{background:var(--ink);color:var(--paper-light)}.experiment-content{animation:.26s both panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.finding-banner{border:1px solid var(--line-strong);background:var(--paper-light);grid-template-columns:auto 1fr;align-items:center;gap:50px;padding:30px 36px;display:grid}.finding-banner>div{display:grid}.finding-banner .finding-number{font-size:clamp(60px,9vw,100px)}.finding-banner strong{color:var(--ink-soft);letter-spacing:.12em;margin-top:9px;font-size:11px}.finding-banner p{max-width:620px;color:var(--ink-soft);margin:0;font-size:14px;line-height:2}.experiment-map{margin-top:20px;padding:20px}.experiment-map .spiral-map{width:min(720px,100%);margin:0 auto}.legend-row{justify-content:flex-start;gap:20px}.legend-row>span{align-items:center;gap:6px;display:inline-flex}.legend-row>span:last-child{color:var(--ink-faint);margin-left:auto}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-dot.reachable{background:var(--teal)}.legend-dot.missing{border:1px solid var(--line-strong);background:var(--paper-deep)}.stat-grid{border-block:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.stat-grid article{border-right:1px solid var(--line);text-align:center;padding:24px;display:grid}.stat-grid article:last-child{border-right:0}.stat-grid span{font-family:var(--serif);font-size:40px}.stat-grid strong{margin:3px 0;font-family:SFMono-Regular,monospace;font-size:10px}.stat-grid small{color:var(--ink-faint);font-size:9px}.sequence-strip{gap:4px;padding:8px 0 18px;display:flex;overflow-x:auto}.sequence-strip>span{border:1px solid var(--line);background:var(--paper-light);text-align:center;min-width:46px;padding:7px;font-family:SFMono-Regular,monospace;font-size:13px;display:grid}.sequence-strip small{color:var(--ink-faint);font-size:7px}.sequence-details h3{font-family:var(--serif);font-size:15px}.missing-list{grid-template-columns:repeat(3,1fr);gap:5px;padding-bottom:20px;display:grid}.missing-list span{border-left:2px solid var(--paper-deep);color:var(--ink-soft);padding:7px 9px;font-size:10px}.walk-form{grid-template-columns:1fr auto 1fr auto;align-items:end;gap:18px;padding:24px;display:grid}.walk-seed{gap:7px;display:grid}.walk-seed label,.control-label{color:var(--ink-faint);letter-spacing:.1em;font-size:10px;font-weight:800}.walk-seed select{border:1px solid var(--line-strong);background:var(--paper-light);border-radius:0;width:100%;min-width:0;padding:10px}.walk-seed>span{font-family:var(--serif);font-size:13px}.formula-symbol,.formula-result{color:var(--vermilion);padding-bottom:43px;font-family:SFMono-Regular,monospace;font-size:19px}.formula-result{color:var(--ink-faint);font-size:10px}.preset-buttons{grid-column:1/-1;gap:8px;display:flex}.preset-buttons button{border:1px solid var(--line);color:var(--ink-soft);background:0 0;padding:7px 10px;font-size:10px}.preset-buttons button:hover{border-color:var(--vermilion)}.walk-rule{color:var(--ink-soft);justify-content:center;align-items:baseline;gap:20px;padding:22px;display:flex}.walk-rule code{color:var(--ink);font-size:16px}.walk-rule span{font-size:10px}.walk-summary{border-block:1px solid var(--line-strong);text-align:center;flex-direction:column;align-items:center;padding:23px;display:flex}.walk-summary strong{font-family:var(--serif);font-size:22px}.walk-summary span{color:var(--ink-soft);margin-top:7px;font-size:11px}.walk-summary small{color:var(--ink-faint);margin-top:4px;font-size:9px}.walk-sequence{gap:5px;margin-top:18px;padding-bottom:9px;display:flex;overflow-x:auto}.walk-sequence>span{border:1px solid var(--line);text-align:center;background:#faf8f299;min-width:62px;padding:8px 5px;display:grid}.walk-sequence small,.walk-sequence em{color:var(--ink-faint);font-family:SFMono-Regular,monospace;font-size:7px;font-style:normal}.walk-sequence b{font-family:var(--serif);margin:3px 0;font-size:27px;font-weight:400}.walk-sequence i{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;overflow:hidden}.dice-controls{grid-template-columns:.8fr 1.2fr 1fr;gap:28px;padding:25px;display:grid}.dice-controls>div{flex-direction:column;gap:10px;display:flex}.face-presets,.trial-buttons{flex-wrap:wrap;gap:5px;display:flex}.face-presets>button,.face-presets>label{border:1px solid var(--line);min-width:44px;height:36px;color:var(--ink-soft);background:0 0;justify-content:center;align-items:center;padding:0 8px;font-size:11px;display:flex}.face-presets>button.is-active,.face-presets>button:hover{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.face-presets input{text-align:center;background:0 0;border:0;width:45px;padding:0 2px}.dice-controls .segmented-control{width:100%}.dice-controls .segmented-control button{flex:1}.trial-buttons .primary-button{min-height:38px;box-shadow:none;flex:1;padding:7px 10px;font-size:11px}.dice-explanation{color:var(--ink-soft);text-align:center;margin:20px 0;font-size:12px;line-height:1.7}.simulation-result{padding:28px}.simulation-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.simulation-heading>div{gap:5px;display:grid}.simulation-heading>span{color:var(--ink-faint);font-family:SFMono-Regular,monospace;font-size:10px}.verdict{color:var(--vermilion-dark);font-family:var(--serif);font-size:22px}.simulation-heading strong{color:var(--ink-soft);font-size:10px}.bar-chart{gap:16px;display:grid}.bar-row{grid-template-columns:76px 1fr 58px 86px;align-items:center;gap:12px;display:grid}.bar-row>strong{font-family:var(--serif);font-size:23px}.bar-row>strong small{color:var(--ink-faint);font-family:var(--serif);font-size:9px;display:block}.bar-track{background:var(--paper-deep);height:16px;position:relative}.bar-observed{background:var(--teal);transition:width .3s;position:absolute;inset:0 auto 0 0}.bar-target{background:var(--vermilion);width:2px;position:absolute;top:-4px;bottom:-4px}.bar-row>span{font-family:SFMono-Regular,monospace;font-size:11px}.bar-row>small{color:var(--ink-faint);font-size:9px}.chart-legend{color:var(--ink-faint);justify-content:flex-end;gap:15px;margin-top:20px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:5px;display:inline-flex}.observed-swatch{background:var(--teal);width:13px;height:7px}.target-swatch{background:var(--vermilion);width:2px;height:10px}.numeric-details{border-top:1px solid var(--line);margin-top:18px}.numeric-details summary{color:var(--ink-soft);padding:14px 0 5px;font-size:11px}.numeric-details p{color:var(--ink-faint);margin:7px 0;font-size:10px}.empty-simulation{border:1px dashed var(--line-strong);color:var(--ink-faint);text-align:center;padding:50px;font-size:12px}.readme-heading{max-width:780px}.readme-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:22px;display:grid}.readme-toc{max-height:calc(100vh - 118px);box-shadow:none;padding:18px;position:sticky;top:92px;overflow:auto}.readme-toc summary{font-family:var(--serif);padding:3px 0 11px;font-size:17px;font-weight:600}.readme-toc nav{border-top:1px solid var(--line);display:grid}.readme-toc a{border-bottom:1px solid var(--line);color:var(--ink-soft);padding:8px 3px;font-size:11px;line-height:1.45;text-decoration:none}.readme-toc a.is-child{color:var(--ink-faint);padding-left:15px;font-size:10px}.readme-toc a:hover{color:var(--vermilion-dark)}.readme-article{padding:clamp(24px,5vw,62px);overflow:hidden}.readme-document-title{border-bottom:1px solid var(--line-strong);font-family:var(--serif);letter-spacing:-.04em;margin:0 0 26px;padding-bottom:22px;font-size:clamp(35px,5vw,56px);font-weight:500}.readme-article h3{border-top:1px solid var(--line-strong);font-family:var(--serif);margin:62px 0 18px;padding-top:8px;scroll-margin-top:92px;font-size:clamp(25px,3vw,34px);font-weight:500}.readme-article h4{font-family:var(--serif);margin:34px 0 12px;scroll-margin-top:92px;font-size:20px;font-weight:600}.readme-article p,.readme-article li{color:var(--ink-soft);font-size:14px;line-height:1.9}.readme-article ul,.readme-article ol{padding-left:1.5em}.readme-article li+li{margin-top:5px}.readme-article a{color:var(--vermilion-dark);text-underline-offset:3px;text-decoration-thickness:1px}.readme-article code{border:1px solid var(--line);background:var(--paper-deep);color:var(--ink);border-radius:3px;padding:.15em .35em}.readme-article pre{border-left:3px solid var(--vermilion);background:var(--ink);color:var(--paper-light);margin:20px 0;padding:20px;line-height:1.7;overflow-x:auto}.readme-article pre code{color:inherit;background:0 0;border:0;padding:0}.readme-table-wrap{border:1px solid var(--line-strong);margin:20px 0;overflow-x:auto}.readme-article table{border-collapse:collapse;background:#faf8f299;width:100%;min-width:480px}.readme-article th,.readme-article td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;padding:11px 13px;font-size:12px}.readme-article th{background:var(--paper-deep);font-family:var(--serif)}.readme-article th:last-child,.readme-article td:last-child{border-right:0}.readme-article tr:last-child td{border-bottom:0}.readme-article blockquote{border-left:3px solid var(--teal);background:#315f5a0f;margin:24px 0;padding:3px 20px}.guide-lead{font-family:var(--serif);margin-bottom:42px;color:var(--ink)!important;font-size:17px!important}.guide-step-grid,.guide-method-grid,.guide-compare,.guide-principles{gap:10px;display:grid}.guide-step-grid{grid-template-columns:repeat(3,1fr)}.guide-step-grid article,.guide-method-grid>div,.guide-compare>div,.guide-principles>div{border:1px solid var(--line);background:#faf8f28c;padding:18px}.guide-step-grid article>span{color:var(--vermilion);margin-bottom:20px;font-family:SFMono-Regular,monospace;font-size:10px;display:block}.guide-step-grid strong,.guide-method-grid strong,.guide-compare strong,.guide-principles strong{font-family:var(--serif);font-size:16px}.guide-step-grid p,.guide-method-grid p,.guide-compare p,.guide-principles p{margin-bottom:0;font-size:12px;line-height:1.7}.guide-flow{gap:8px;list-style:none;display:grid;padding:0!important}.guide-flow li{border-left:2px solid var(--vermilion);background:#faf8f28c;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:14px 16px;display:grid}.guide-flow li>span{color:var(--vermilion-dark);font-family:SFMono-Regular,monospace;font-size:12px}.guide-flow strong{font-family:var(--serif)}.guide-flow p{margin:3px 0 0;font-size:12px}.guide-method-grid{grid-template-columns:repeat(2,1fr)}.guide-terms{border-top:1px solid var(--line);margin:24px 0;display:grid}.guide-terms>div{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;gap:15px;padding:13px 0;display:grid}.guide-terms dt{font-family:var(--serif);font-weight:700}.guide-terms dd{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.7}.guide-compare,.guide-principles{grid-template-columns:repeat(2,1fr)}.guide-principles{grid-template-columns:repeat(3,1fr)}.guide-formula{border:1px solid var(--line-strong);background:var(--ink);color:var(--paper-light);text-align:center;margin:20px 0;padding:16px;font-family:SFMono-Regular,monospace;font-size:13px}.guide-note,.guide-caution{border-left:3px solid var(--teal);background:#315f5a0f;padding:13px 16px;font-size:12px!important}.guide-caution{border-left-color:var(--vermilion);background:#b64b350f}.readme-article hr{border:0;border-top:1px solid var(--line-strong);margin:48px 0}.readme-back-top{width:fit-content;color:var(--ink-soft);text-underline-offset:3px;margin:24px 0 0 auto;font-size:11px;display:block}.site-footer{border-top:1px solid var(--line-strong);background:#ded9cd;justify-content:space-between;align-items:center;gap:30px;min-height:110px;padding:28px 5vw;display:flex}.site-footer>div{gap:5px;display:grid}.site-footer strong{font-family:var(--serif)}.site-footer span,.site-footer a{color:var(--ink-soft);font-size:10px}.mobile-nav{display:none}@media (width<=980px){.hero{grid-template-columns:minmax(320px,.9fr) minmax(400px,1.1fr);min-height:610px}.hero-copy h1{font-size:clamp(52px,7.5vw,76px)}.hero-actions .secondary-button{min-width:142px}.experience-grid>button{padding-inline:20px}.cast-console{grid-template-columns:1fr auto}.cast-console .manual-input{grid-column:1/2}.transformation-grid{grid-template-columns:minmax(250px,1fr) 90px minmax(250px,1fr);gap:12px}.hexagram-card{padding:22px}.explore-layout{grid-template-columns:minmax(430px,1.3fr) minmax(260px,.7fr)}.dice-controls{grid-template-columns:1fr 1fr}.dice-controls>div:last-child{grid-column:1/-1}}@media (width<=760px){body{padding-bottom:68px}.site-header{min-height:58px;padding-inline:20px;position:relative}.desktop-nav{display:none}.wordmark{font-size:15px}.hero{grid-template-columns:1fr;gap:18px;min-height:auto;padding:52px 20px 48px}.hero:before{display:none}.hero-copy{text-align:center}.hero-copy h1{margin-top:13px;font-size:clamp(54px,18vw,76px)}.hero-subtitle{margin-top:14px;font-size:23px}.hero-lead{margin:13px auto 24px;font-size:13px}.hero-actions{grid-template-columns:1fr 1fr;max-width:430px;margin:0 auto;display:grid}.hero-actions .primary-button{grid-column:1/-1}.hero-visual{width:min(100%,540px);margin-top:10px}.orbit-label--top{left:5%}.orbit-label--bottom{right:0}.numbers-band{width:calc(100% - 30px);padding:18px 5px}.numbers-band>div{text-align:center;gap:1px;display:grid}.numbers-band strong{font-size:27px}.numbers-band span{font-size:8px}.experience-section,.boundary-section,.discovery-callout,.home-details,.page-section{width:calc(100% - 30px)}.experience-section{padding:76px 0 60px}.experience-section h2{font-size:37px}.experience-grid{grid-template-columns:1fr}.experience-grid>button{border-right:0;border-bottom:1px solid var(--line);min-height:300px}.experience-index{margin-bottom:25px}.mini-die,.recurrence-symbol,.paired-symbols{margin-bottom:22px}.boundary-section{grid-template-columns:1fr;padding:55px 0}.boundary-divider{height:60px}.boundary-note{grid-column:auto}.discovery-callout,.discovery-callout>div{flex-direction:column;align-items:stretch}.discovery-callout{padding:70px 0}.discovery-callout>div{gap:24px}.discovery-callout .finding-number{font-size:86px}.home-details>div{grid-template-columns:1fr;gap:17px}.page-section{padding:52px 0 72px}.section-heading{margin-bottom:28px}.section-heading h1{font-size:48px}.section-heading p{font-size:13px}.method-grid{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto}.method-card{min-height:70px;padding:10px 13px}.cast-console{grid-template-columns:1fr;gap:18px;padding:20px}.cast-console .manual-input,.status-note{grid-column:auto}.status-note{text-align:left}.transformation-grid{grid-template-columns:1fr}.moving-summary{padding:3px 0}.change-arrow{transform:rotate(90deg)}.hexagram-card{min-height:auto}.result-actions{display:grid}.history-list{grid-template-columns:1fr}.control-row,.control-row .segmented-control{width:100%}.control-row .segmented-control button{flex:1}.explore-layout{grid-template-columns:1fr}.map-panel{padding:10px}.final-pair-caption{text-align:center;flex-direction:column;align-items:center;gap:4px}.explanation-grid{grid-template-columns:1fr;gap:20px}.hexagram-index__grid{grid-template-columns:repeat(4,1fr)}.experiment-notice{flex-direction:column;align-items:flex-start;gap:5px}.experiment-tabs button{padding:13px 4px;font-size:9px}.finding-banner{grid-template-columns:1fr;gap:25px;padding:25px}.finding-banner p{font-size:12px}.legend-row{flex-wrap:wrap;gap:10px}.legend-row>span:last-child{width:100%;margin-left:0}.stat-grid article{padding:16px 4px}.stat-grid span{font-size:31px}.stat-grid strong,.stat-grid small{font-size:7px}.missing-list{grid-template-columns:1fr 1fr}.walk-form{grid-template-columns:1fr}.formula-symbol,.formula-result{text-align:center;padding:0}.walk-rule{text-align:center;flex-direction:column;align-items:center;gap:8px}.walk-summary strong{font-size:18px}.dice-controls{grid-template-columns:1fr;padding:20px}.dice-controls>div:last-child{grid-column:auto}.simulation-result{padding:20px 14px}.simulation-heading{flex-direction:column;align-items:flex-start}.bar-row{grid-template-columns:45px 1fr 48px;gap:7px}.bar-row>small{display:none}.site-footer{flex-direction:column;align-items:flex-start;padding:30px 20px}.mobile-nav{z-index:50;height:68px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f2f2;border-top:1px solid #20231f26;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--ink-faint);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.mobile-nav button span{min-height:18px;color:var(--ink-soft);font-family:var(--serif);font-size:15px}.mobile-nav button.is-active,.mobile-nav button.is-active span{color:var(--vermilion-dark);font-weight:800}.readme-layout{grid-template-columns:1fr}.readme-toc{max-height:none;position:static}.readme-article{padding:24px 18px}.readme-article h3{margin-top:44px}.guide-step-grid,.guide-method-grid,.guide-compare,.guide-principles{grid-template-columns:1fr}}@media (width<=390px){.hero-actions{grid-template-columns:1fr}.hero-actions .primary-button{grid-column:auto}.bottom-up-guide small{font-size:8px}.hexagram-card__heading{flex-direction:column}.missing-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}