/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.xiangwai-end{--end-safe-margin:clamp(20px, 3.3vw, 54px);background:var(--paper);min-height:190dvh;color:var(--ink);position:relative;overflow:clip}.xiangwai-end__stage{place-items:center;width:100%;height:100dvh;display:grid;position:sticky;top:0;overflow:clip}.xiangwai-end__field{transform-origin:50%;will-change:transform, opacity;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(8px,1.4vh,16px) clamp(18px,2.4vw,38px);width:min(64vw,920px);height:min(62vh,640px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xiangwai-end__cell{transform-origin:50%;align-content:center;gap:clamp(2px,.4vh,5px);min-width:0;display:grid}.xiangwai-end__cell i{background:var(--ink);width:100%;height:1px;display:block}@supports (color:color-mix(in lab, red, red)){.xiangwai-end__cell i{background:color-mix(in srgb, var(--ink) 42%, transparent)}}.xiangwai-end__cell i[data-line="0"]{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.xiangwai-end__cell i[data-line="0"]{color:color-mix(in srgb, var(--ink) 42%, transparent)}}.xiangwai-end__cell i[data-line="0"]{background:linear-gradient(90deg,currentColor 0 42%,#0000 42% 58%,currentColor 58%)}.xiangwai-end__identity{z-index:2;text-align:center;justify-items:center;max-width:calc(100vw - 40px);display:grid;position:relative}.xiangwai-end__identity>*{opacity:0;margin:0}.xiangwai-end__identity h2{max-width:100%;font-family:var(--font-sans);letter-spacing:-.04em;white-space:nowrap;font-size:clamp(62px,13vw,220px);font-weight:300;line-height:.9}.xiangwai-end__identity>p{font-family:var(--font-cn);letter-spacing:.3em;margin-top:clamp(22px,3.8vh,46px);padding-left:.3em;font-size:clamp(18px,2vw,30px);font-weight:400;line-height:1.2}.xiangwai-end__identity>span,.xiangwai-end__identity>small,.xiangwai-end__identity>a{font-family:var(--font-mono);letter-spacing:.18em;font-size:8px;line-height:1.5}.xiangwai-end__identity>span{margin-top:26px}.xiangwai-end__identity>small{margin-top:8px}.xiangwai-end__identity>a{min-height:44px;color:inherit;align-items:center;gap:1em;margin-top:clamp(34px,6vh,72px);text-decoration:none;display:inline-flex;position:relative}.xiangwai-end__identity>a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .42s cubic-bezier(.16,1,.3,1);position:absolute;bottom:7px;left:0;right:0;transform:scaleX(.12)}.xiangwai-end__identity>a:hover:after{transform:scaleX(1)}.xiangwai-end__identity>a:focus-visible:after{transform:scaleX(1)}.xiangwai-end__contact{z-index:3;right:var(--end-safe-margin);min-height:44px;color:var(--ink);align-content:center;justify-items:start;gap:8px;display:grid;position:absolute;bottom:clamp(48px,7.5vh,78px)}@supports (color:color-mix(in lab, red, red)){.xiangwai-end__contact{color:color-mix(in srgb, var(--ink) 48%, transparent)}}.xiangwai-end__contact{opacity:0;text-decoration:none;transition:color .42s cubic-bezier(.16,1,.3,1)}.xiangwai-end__contact-label{font-family:var(--font-mono);letter-spacing:.2em;font-size:7px;line-height:1}.xiangwai-end__contact-address{font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;align-items:baseline;gap:7px;padding-bottom:7px;font-size:clamp(9px,.72vw,11px);line-height:1;display:inline-flex;position:relative}.xiangwai-end__contact-address:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .42s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.xiangwai-end__contact-arrow{transition:transform .42s cubic-bezier(.16,1,.3,1);display:inline-block}:is(.xiangwai-end__contact:hover,.xiangwai-end__contact:focus-visible){color:var(--ink)}.xiangwai-end__contact:hover .xiangwai-end__contact-address:after{transform:scaleX(1)}.xiangwai-end__contact:focus-visible .xiangwai-end__contact-address:after{transform:scaleX(1)}:is(.xiangwai-end__contact:hover .xiangwai-end__contact-arrow,.xiangwai-end__contact:focus-visible .xiangwai-end__contact-arrow){transform:translate(3px,-3px)}@media (max-width:700px){.xiangwai-end{min-height:170dvh}.xiangwai-end__field{gap:7px 11px;width:84vw;height:48vh}.xiangwai-end__identity{max-width:calc(100vw - 28px)}.xiangwai-end__identity h2{font-size:clamp(48px,17vw,70px);line-height:.92}.xiangwai-end__identity>p{margin-top:24px}.xiangwai-end__identity>span{margin-top:22px}.xiangwai-end__contact{top:calc(50% + clamp(150px,22vh,186px));bottom:auto;right:auto;left:max(24px, env(safe-area-inset-left))}.xiangwai-end__contact-address{font-size:9px}}@media (prefers-reduced-motion:reduce){.xiangwai-end{min-height:100dvh}.xiangwai-end__stage{position:relative}.xiangwai-end__field{opacity:.28;transform:translate(-50%,-50%)scale(.42,.003)}.xiangwai-end__identity>*,.xiangwai-end__contact{opacity:1}}.skip-link{z-index:130;background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.16em;padding:10px 14px;font-size:8px;transition:transform .22s;position:fixed;top:12px;left:50%;transform:translate(-50%,-180%)}.skip-link:focus{transform:translate(-50%)}.site-status{justify-items:center;gap:5px;display:grid}.section-state{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.18em;white-space:nowrap;font-size:7px}.site-index__item[aria-current=location]:before{content:"";background:var(--ink);width:12px;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}:root{--paper:#f1f0eb;--paper-lift:#f7f6f1;--paper-shadow:#deddd6;--ink:#171918;--ink-soft:#454744;--muted:#777972;--air:#c7d0ce;--copper:#756553;--cinnabar:#993b30;--line:#1719186b;--line-soft:#17191824;--font-sans:"Arial Narrow", "Helvetica Neue", "Noto Sans CJK SC", "Microsoft YaHei UI", sans-serif;--font-cn:"Noto Sans CJK SC", "Microsoft YaHei UI", "PingFang SC", sans-serif;--font-mono:"SFMono-Regular", "Cascadia Mono", "Roboto Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,a{color:inherit;font:inherit}button{background:0 0;border:0;padding:0}:is(button:focus-visible,a:focus-visible){outline:1px solid var(--ink);outline-offset:5px}::selection{background:var(--ink);color:var(--paper-lift)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.xiangwai{background:radial-gradient(circle at 82% 2%, #c7d0ce2e, transparent 27rem), var(--paper);isolation:isolate;min-height:100dvh;position:relative;overflow:clip}.xiangwai:after{z-index:60;pointer-events:none;content:"";opacity:.075;mix-blend-mode:multiply;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='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}.xiangwai:before{z-index:55;pointer-events:none;content:"";opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#f1f0eb73;transition:opacity 1.2s,-webkit-backdrop-filter 1.2s,backdrop-filter 1.2s;position:fixed;inset:0}.xiangwai[data-energy=yin]:before{opacity:1;-webkit-backdrop-filter:blur(1.4px);backdrop-filter:blur(1.4px)}.page-transition{z-index:90;pointer-events:none;background:var(--ink);will-change:transform;position:fixed;inset:0;transform:scaleY(.001)}.site-chrome{z-index:45;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:72px;padding:0 clamp(20px,3vw,52px);transition:opacity 1s;display:grid;position:fixed;top:0;left:0}.xiangwai[data-energy=yin] .site-chrome{opacity:.42}.site-mark,.index-trigger{z-index:1;pointer-events:auto;cursor:pointer;min-height:44px;font-family:var(--font-mono);letter-spacing:.16em;align-items:center;font-size:9px;display:flex;position:relative}.site-mark{justify-self:start;gap:14px}.site-mark span:last-child{font-family:var(--font-cn);letter-spacing:.2em}.index-trigger{justify-self:end;gap:12px}.index-trigger i{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);width:24px;height:6px;transition:transform .45s cubic-bezier(.16,1,.3,1);position:relative}:is(.index-trigger:hover i,.index-trigger:focus-visible i){transform:translate(5px)}.energy-state{font-family:var(--font-mono);letter-spacing:.16em;opacity:.46;justify-self:center;align-items:center;gap:9px;font-size:8px;display:flex}.energy-state i{background:linear-gradient(90deg, var(--ink) 0 44%, transparent 44% 56%, var(--ink) 56%);width:32px;height:1px;transition:transform .9s cubic-bezier(.16,1,.3,1)}.xiangwai[data-energy=yin] .energy-state i{transform:scaleX(.7)}.changing-line{z-index:24;pointer-events:none;transform-origin:50%;will-change:transform;width:84vw;height:1px;position:fixed;top:50%;left:8vw}.changing-line__core{background:var(--ink);transform-origin:50%;animation:3.8s cubic-bezier(.4,0,.2,1) infinite line-breath;position:absolute;inset:0}.changing-line__gap{background:var(--paper);transform-origin:50%;width:clamp(26px,4vw,68px);height:5px;position:absolute;top:-2px;left:50%;transform:translate(-50%)scaleX(0)}@keyframes line-breath{0%,to{opacity:.48;transform:scaleX(.995)}50%{opacity:.88;transform:scaleX(1)}}.global-cursor{z-index:110;pointer-events:none;background:var(--ink);border-radius:50%;width:8px;height:8px;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),background .35s;position:fixed;top:0;left:0;translate:-50% -50%}.global-cursor span{opacity:0;color:var(--paper-lift);font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;font-size:7px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.global-cursor--label{border-radius:0;width:64px;height:24px}.global-cursor--label span{opacity:1}.global-cursor--pressed{width:6px;height:6px}.site-index{z-index:70;visibility:hidden;opacity:0;background:#f1f0ebf7;grid-template-columns:minmax(0,1fr) minmax(260px,34vw);padding:clamp(26px,4vw,70px);transition:opacity .55s,transform .7s cubic-bezier(.16,1,.3,1),visibility .7s;display:grid;position:fixed;inset:0;overflow:hidden;transform:translateY(-3%)}.site-index--open{visibility:visible;opacity:1;transform:translateY(0)}.site-index__head{height:10vh;font-family:var(--font-mono);letter-spacing:.18em;grid-column:1/-1;justify-content:space-between;align-items:flex-start;font-size:9px;display:flex}.site-index__head button{cursor:pointer;min-height:44px;letter-spacing:inherit}.site-index__map{z-index:2;grid-column:2;align-self:end;gap:clamp(22px,3.4vh,38px);width:100%;display:grid;position:relative}.site-index__rows{grid-row:2}.site-index__item{border-bottom:1px solid var(--line-soft);text-align:left;cursor:pointer;grid-template-columns:42px minmax(58px,.55fr) 1fr;align-items:baseline;gap:16px;width:100%;min-height:58px;transition:padding .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:grid;position:relative}:is(.site-index__item:hover,.site-index__item:focus-visible){padding-left:12px}.site-index__item>span,.site-index__item>em{font-family:var(--font-mono);letter-spacing:.12em;font-size:8px;font-style:normal}.site-index__item>strong{font-family:var(--font-cn);font-size:clamp(17px,1.6vw,26px);font-weight:400}.site-index__item--future{opacity:.24;cursor:default}.site-index__chapter{grid-row:1;align-content:end;justify-items:start;min-height:clamp(132px,18vh,176px);display:grid}.site-index__chapter-annotation{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.16em;align-items:center;gap:10px;font-size:8px;display:flex}.site-index__chapter-annotation b,.site-index__chapter-annotation em{font-style:normal;font-weight:400}.site-index__chapter-annotation i{background:var(--line);width:28px;height:1px}.site-index__chapter-title{min-height:1em;font-family:var(--font-cn);letter-spacing:-.035em;white-space:nowrap;margin-top:12px;font-size:clamp(44px,5.4vw,80px);font-weight:300;line-height:1;animation:.42s cubic-bezier(.16,1,.3,1) both index-title-reveal;display:block}.site-index__enter{cursor:pointer;min-width:82px;min-height:44px;color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.18em;align-items:center;gap:10px;margin-top:12px;font-size:8px;display:inline-flex;position:relative}.site-index__enter:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .52s cubic-bezier(.16,1,.3,1);position:absolute;bottom:7px;left:0;right:0;transform:scaleX(.14)}.site-index__enter i{font-style:normal;transition:transform .42s cubic-bezier(.16,1,.3,1)}:is(.site-index__enter:hover,.site-index__enter:focus-visible){color:var(--ink)}.site-index__enter:hover:after{transform:scaleX(1)}.site-index__enter:focus-visible:after{transform:scaleX(1)}:is(.site-index__enter:hover i,.site-index__enter:focus-visible i){transform:translate(3px,-3px)}@keyframes index-title-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.site-index__diagram{pointer-events:none;transform-origin:50%;width:48vw;height:56vh;position:absolute;top:15%;left:7%;transform:scale(1.22)}.site-index__preview{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .26s,clip-path .52s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.site-index__diagram[data-preview=genesis] .site-index__preview--genesis,.site-index__diagram[data-preview=wuxing] .site-index__preview--wuxing,.site-index__diagram[data-preview=bagua] .site-index__preview--bagua,.site-index__diagram[data-preview=sixty-four] .site-index__preview--sixty-four{opacity:.78;clip-path:inset(0)}.site-index__preview--genesis{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(28px,4vw,72px);display:grid}.index-genesis-void,.index-genesis-node{align-items:center;gap:18px;display:grid;position:relative}.index-genesis-void{place-items:center;min-height:54px}.index-genesis-void>i{background:var(--ink);opacity:.14;border-radius:50%;width:4px;height:4px}.index-genesis-void:after,.index-genesis-node:not(:last-child):after{content:"";background:var(--ink);opacity:.28;width:calc(4vw - 20px);height:1px;position:absolute;top:50%;left:calc(100% + 10px)}.index-genesis-node>b{font-family:var(--font-mono);letter-spacing:.16em;font-size:9px;font-weight:400}.index-genesis-node>span{gap:clamp(5px,.8vh,9px);display:grid}.index-genesis-node i{background:var(--ink);width:100%;height:1px;display:block}.site-index__preview--wuxing{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid}.index-wuxing-line{background:var(--ink);opacity:.34;height:1px;position:absolute;top:50%;left:4%;right:4%;overflow:hidden}.index-wuxing-line>i{background:var(--paper);opacity:.94;width:clamp(22px,3vw,46px);height:5px;position:absolute;top:-2px;left:0;transform:translate(-110%)}.index-wuxing-line>i:after{content:"";background:var(--ink);opacity:.72;height:1px;position:absolute;top:2px;left:24%;right:24%}.site-index__diagram[data-preview=wuxing] .index-wuxing-line>i{animation:1.9s cubic-bezier(.16,1,.3,1) .18s both index-wuxing-flow}@keyframes index-wuxing-flow{0%{left:0;transform:translate(-110%)}to{left:100%;transform:translate(0)}}.index-wuxing-node{z-index:1;justify-items:center;gap:16px;display:grid;position:relative}.index-wuxing-node>i{background:var(--ink);width:1px;height:clamp(42px,8vh,76px)}.index-wuxing-node>b{font-family:var(--font-cn);letter-spacing:.16em;font-size:11px;font-weight:400}.site-index__preview--bagua{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));place-items:center;gap:clamp(24px,5vh,52px) clamp(30px,5vw,78px);padding:6% 4%;display:grid}.index-bagua-node{place-items:center;width:100%;min-height:62px;display:grid;position:relative}.index-bagua-node .trigram-glyph,.index-bagua-node .trigram-glyph--compact{gap:clamp(6px,1vh,10px);width:min(100%,108px);position:relative;bottom:auto;left:auto}.index-bagua-node .yao-line{height:1px}.site-index__preview--sixty-four{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(9px,1.8vh,17px) clamp(12px,1.6vw,24px);padding:2%;display:grid}.index-field-cell{align-content:center;gap:2px;min-width:0;display:grid}.index-field-cell>i{background:var(--ink);width:100%;height:1px;display:block}@supports (color:color-mix(in lab, red, red)){.index-field-cell>i{background:color-mix(in srgb, var(--ink) 58%, transparent)}}.index-field-cell>i[data-line="0"]{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.index-field-cell>i[data-line="0"]{color:color-mix(in srgb, var(--ink) 58%, transparent)}}.index-field-cell>i[data-line="0"]{background:linear-gradient(90deg,currentColor 0 41%,#0000 41% 59%,currentColor 59%)}.void-scene,.void-stage{min-height:100dvh;position:relative}.void-scene{z-index:2}.void-stage{background:var(--paper);overflow:hidden}.void-brand{font-family:var(--font-mono);letter-spacing:.34em;align-items:baseline;gap:22px;margin:0;font-size:10px;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.void-brand span:last-child{font-family:var(--font-cn);letter-spacing:.26em;font-size:12px}.void-enter{cursor:pointer;min-height:44px;font-family:var(--font-mono);letter-spacing:.2em;font-size:8px;position:absolute;bottom:clamp(34px,5vw,72px);left:clamp(20px,3vw,52px)}.void-enter:after,.phase-one-end button:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:9px;left:0;right:0;transform:scaleX(.08)}.void-enter:hover:after,.phase-one-end button:hover:after{transform:scaleX(1)}.void-enter:focus-visible:after{transform:scaleX(1)}.phase-one-end button:focus-visible:after{transform:scaleX(1)}.generation-stage{z-index:3;pointer-events:none;width:max-content;position:absolute;top:calc(50% - clamp(76px,10vh,112px));left:50%;transform:translate(-50%)}.generation-stage__label{color:var(--ink);margin:0;position:absolute;top:0;left:50%}@supports (color:color-mix(in lab, red, red)){.generation-stage__label{color:color-mix(in srgb, var(--ink) 68%, transparent)}}.generation-stage__label{font-family:var(--font-mono);letter-spacing:.18em;white-space:nowrap;opacity:0;font-size:8px;line-height:1;transform:translate(-50%)}.liangyi-structures{pointer-events:none;gap:54px;width:min(40vw,560px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.liangyi-structure{opacity:0;width:100%;display:block}.liangyi-structure .yao-line{height:1px}.liangyi-structure--yang{transform:translateY(-3px)}.void-glyph-field{pointer-events:none;position:absolute;inset:10vh 5vw}.void-glyph{opacity:0;font-size:clamp(24px,4vw,68px);font-weight:300;position:absolute}.void-glyph--qian{top:3%;left:16%;transform:translate(-5vw,-8vh)}.void-glyph--dui{top:19%;right:9%;transform:translate(8vw,-2vh)}.void-glyph--li{top:54%;left:7%;transform:translate(-7vw,4vh)}.void-glyph--zhen{bottom:4%;left:29%;transform:translate(-4vw,8vh)}.void-glyph--xun{top:7%;right:31%;transform:translate(3vw,-6vh)}.void-glyph--kan{bottom:3%;right:14%;transform:translate(7vw,7vh)}.void-glyph--gen{top:31%;left:36%;transform:translate(-2vw,-2vh)}.void-glyph--kun{bottom:16%;right:40%;transform:translate(2vw,7vh)}.void-manifesto{opacity:0;position:absolute;bottom:clamp(96px,15vh,170px);left:clamp(20px,6vw,104px)}.manifesto-line{letter-spacing:-.055em;margin:0;font-size:clamp(30px,5.4vw,92px);font-weight:400;line-height:.94;overflow:hidden}.manifesto-line>span{display:block}.void-manifesto small{font-family:var(--font-mono);letter-spacing:.16em;opacity:.6;margin-top:24px;font-size:8px;display:block}.wuxing-section{z-index:3;background:var(--paper);min-height:100dvh;position:relative;overflow:hidden}.wuxing-track{will-change:auto;width:500vw;min-height:100dvh;display:flex;position:relative}.phase-panel{background:var(--paper);flex:0 0 100vw;min-width:0;min-height:100dvh;position:relative;overflow:hidden}.phase-panel:before{content:"";background:var(--line-soft);width:1px;position:absolute;top:72px;bottom:42px;left:clamp(20px,3vw,52px)}.wuxing-intro{z-index:3;font-family:var(--font-mono);letter-spacing:.18em;gap:7px;font-size:8px;display:grid;position:absolute;top:clamp(90px,13vh,140px);left:clamp(38px,6vw,104px)}.wuxing-intro span:last-child{font-family:var(--font-cn);letter-spacing:.12em;opacity:.48}.phase-copy{z-index:4;grid-template-columns:auto auto;align-items:end;width:min(42vw,680px);display:grid;position:absolute;top:50%;left:clamp(38px,7vw,122px);transform:translateY(-42%)}.phase-index{font-family:var(--font-mono);letter-spacing:.14em;opacity:.48;grid-column:1/-1;margin-bottom:28px;font-size:9px}.phase-english{letter-spacing:-.04em;grid-column:1/-1;margin:0;font-size:clamp(66px,10vw,170px);font-weight:400;line-height:.9}.phase-chinese{font-family:var(--font-cn);margin:28px 0 0;font-size:clamp(30px,4vw,68px);font-weight:300}.phase-verb{font-family:var(--font-cn);justify-self:end;margin:0 0 8px;font-size:clamp(17px,2vw,30px);font-weight:300}.phase-motion{font-family:var(--font-mono);letter-spacing:.19em;opacity:.66;grid-column:1/-1;margin:30px 0 0;font-size:8px}.phase-visual{position:absolute;inset:0}.wood-visual{background:linear-gradient(128deg,#0000 0 44%,#5b70660d 44% 58%,#0000 58%);left:42%}.wood-stem,.wood-branch{transform-origin:0;background:#2d443aa6;height:1px;display:block;position:absolute}.wood-stem{width:84%;bottom:10%;left:5%;transform:rotate(-28deg)}.wood-branch--1{width:29%;bottom:27%;left:25%;transform:rotate(-61deg)}.wood-branch--2{width:24%;bottom:36%;left:39%;transform:rotate(8deg)}.wood-branch--3{width:29%;bottom:47%;left:51%;transform:rotate(-53deg)}.wood-branch--4{width:31%;bottom:51%;left:58%;transform:rotate(13deg)}.wood-branch--5{width:18%;bottom:63%;left:66%;transform:rotate(-74deg)}.wood-branch--6{width:24%;bottom:69%;left:72%;transform:rotate(-12deg)}.wood-branch--7{width:11%;bottom:83%;left:82%;transform:rotate(-52deg)}.phase--fire{background:radial-gradient(circle at 72% 62%, #993b3033, transparent 15%), radial-gradient(circle at 69% 76%, #993b3014, transparent 27%), var(--paper)}.fire-core{clip-path:polygon(45% 0,100% 100%,0 100%);filter:blur(8px);background:linear-gradient(#993b3005,#993b3045);width:12vw;height:34vh;position:absolute;bottom:12%;right:18%}.fire-rise{background:linear-gradient(0deg, var(--cinnabar), transparent);opacity:0;width:2px;height:clamp(80px,20vh,210px);position:absolute;bottom:17%}.fire-rise--1{height:19vh;right:13%}.fire-rise--2{height:31vh;right:19%}.fire-rise--3{height:14vh;right:25%}.fire-rise--4{height:25vh;right:31%}.fire-rise--5{height:11vh;right:37%}.fire-rise--6{height:23vh;right:9%}.earth-crop{clip-path:inset(28% 0 0 18%);width:44vw;height:54vh;position:absolute;bottom:-2vh;right:6vw;overflow:hidden}.earth-crop img{filter:grayscale()contrast(1.1)brightness(.74);object-fit:cover;object-position:49% 57%;width:100%;height:100%;transform:scale(1.42)}.earth-weight{background:var(--ink);width:50vw;height:1px;position:absolute;bottom:14vh;right:3vw}.earth-weight--two{opacity:.45;width:34vw;bottom:9vh;right:10vw}.phase--metal{background:linear-gradient(120deg,#eeefec 0,#d9dcda 31%,#f5f4ef 48%,#d4d1c9 72%,#f1f0eb 100%)}.metal-edge{background:linear-gradient(90deg,#0000,#ffffff57,#0000);border-left:1px solid #ffffffad;border-right:1px solid #171918ad;width:clamp(70px,9vw,150px);position:absolute;top:17vh;bottom:13vh;transform:skew(-8deg)}.metal-edge--one{right:34vw}.metal-edge--two{top:9vh;bottom:7vh;right:22vw}.metal-edge--three{top:25vh;bottom:19vh;right:10vw}.metal-reflection{filter:blur(5px);opacity:0;background:linear-gradient(90deg,#0000,#ffffff9e,#0000);width:9vw;height:100%;position:absolute;top:0;right:17vw;transform:skew(-12deg)}.phase--water{background:linear-gradient(#ecefed 0 48%,#dfe5e4 100%)}.water-crop{clip-path:inset(8% 0 12% 18%);width:50vw;height:70vh;position:absolute;top:14vh;right:5vw;overflow:hidden}.water-crop img{filter:grayscale(.75)contrast(1.04)saturate(.65);object-fit:cover;object-position:41% 65%;width:100%;height:100%;transform:scale(1.34)}.water-crop .water-reflection{opacity:.18;transform-origin:top;filter:grayscale(.8)blur(2px);height:50%;position:absolute;inset:50% 0 auto;transform:scale(1.34,-1);-webkit-mask-image:linear-gradient(#0000006b,#0000);mask-image:linear-gradient(#0000006b,#0000)}.bagua-section{z-index:4;background:var(--paper);min-height:190dvh;padding:clamp(110px,15vh,180px) clamp(20px,4vw,70px) 20vh;position:relative;overflow:clip}.bagua-heading-wrap{z-index:3;width:min(100%,980px);position:relative}.bagua-heading{letter-spacing:-.04em;margin:0;font-size:clamp(52px,8.8vw,150px);font-weight:400;line-height:.92;display:grid;overflow:visible}.bagua-heading>span{display:block}.bagua-heading span:last-child{margin-left:13vw}.bagua-heading-wrap>p{width:min(420px,70vw);font-family:var(--font-cn);letter-spacing:.1em;margin:42px 0 0 13vw;font-size:13px;font-weight:300;line-height:1.9}.bagua-layout{z-index:4;grid-template-columns:minmax(560px,1.45fr) minmax(230px,.55fr);align-items:end;gap:7vw;margin-top:36vh;display:grid;position:sticky;top:13vh}.bagua-matrix{border-top:1px solid var(--line-soft);border-left:1px solid var(--line-soft);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.trigram-cell{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);text-align:left;cursor:pointer;opacity:.36;grid-template-rows:1fr auto;grid-template-columns:1fr auto;align-items:end;gap:16px;min-height:clamp(150px,18vw,250px);padding:clamp(18px,2vw,34px);transition:opacity .45s,background .55s,transform .55s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.trigram-cell:hover,.trigram-cell--active{z-index:2;opacity:1;background:#f7f6f18f;transform:translateY(-5px)}.trigram-cell:focus-visible{z-index:2;opacity:1;background:#f7f6f18f;transform:translateY(-5px)}.trigram-glyph{grid-column:1/-1;align-self:center;gap:clamp(8px,.85vw,14px);width:min(100%,98px);display:grid}.yao-line{justify-content:space-between;width:100%;height:2px;transition:width .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);display:flex}.yao-line span{background:var(--ink);width:100%;height:100%;display:block}.yao-line--yin span{width:41%}.trigram-cell--active .yao-line:nth-of-type(2){width:112%}.trigram-cell--active .yao-line:nth-of-type(3){width:128%}.trigram-cell--active .yao-line:nth-of-type(4){width:146%}.trigram-name{font-family:var(--font-cn);font-size:clamp(17px,1.65vw,27px);font-weight:300}.trigram-image{font-family:var(--font-mono);letter-spacing:.12em;justify-self:end;font-size:7px}.bagua-reading{min-height:310px;padding:0 0 28px;position:relative}.bagua-reading:after{content:"";background:var(--ink);height:1px;position:absolute;bottom:0;left:0;right:0}.bagua-reading__symbol{opacity:.1;font-size:clamp(82px,10vw,152px);font-weight:300;line-height:1;position:absolute;bottom:24px;right:0}.bagua-reading__name,.bagua-reading__motion,.bagua-reading__code{margin:0}.bagua-reading__name{letter-spacing:-.04em;font-size:clamp(29px,3vw,48px)}.bagua-reading__motion{font-family:var(--font-cn);letter-spacing:.1em;margin-top:16px;font-size:15px}.bagua-reading__code{font-family:var(--font-mono);letter-spacing:.14em;opacity:.46;margin-top:8px;font-size:8px}.trigram-glyph--compact{gap:7px;width:68px;position:absolute;bottom:36px;left:0}.trigram-glyph--compact .yao-line{height:1px}.bagua-space{z-index:1;pointer-events:none;transition:background .8s;position:absolute;inset:0;overflow:hidden}.bagua-space img{opacity:.2;object-fit:cover;filter:grayscale(.9)contrast(1.08);clip-path:inset(10% 0 8% 22%);width:56vw;height:64vh;position:absolute;bottom:6vh;right:-1vw;-webkit-mask-image:linear-gradient(115deg,#0000 4%,#000 31% 78%,#0000 98%);mask-image:linear-gradient(115deg,#0000 4%,#000 31% 78%,#0000 98%)}.bagua-space--xun img{object-position:62% center;opacity:.24;filter:grayscale()contrast(.92);height:74vh;bottom:4vh;right:2vw}.bagua-space--kan img{object-position:42% 68%;opacity:.27;bottom:0;right:-8vw}.bagua-space--gen img{object-position:51% 55%;opacity:.28;filter:grayscale()brightness(.63)contrast(1.24);clip-path:inset(22% 0 0 32%);height:58vh;bottom:2vh;right:0}.space-plane{background:var(--line-soft);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .8s;display:block;position:absolute}.space-plane--one,.space-plane--two,.space-plane--three{width:1px;top:0;bottom:0;transform:translateY(18%)}.space-plane--one{left:24%}.space-plane--two{left:52%}.space-plane--three{left:78%}.bagua-space--qian{background:linear-gradient(#ffffff94,#0000 38%)}.bagua-space--qian .space-plane{transform:translateY(-18%)}.bagua-space--dui{background:linear-gradient(#0000 54%,#c7d0ce47 54%,#ffffff3d 68%,#0000 86%)}.bagua-space--dui .space-plane{width:100%;height:1px;top:62%;bottom:auto;left:0;transform:scaleX(.8)}.bagua-space--li{background:radial-gradient(circle at 74% 68%,#993b302e,#0000 22%)}.bagua-space--li .space-plane{opacity:.25;transform:rotate(12deg)translateY(8%)}.bagua-space--zhen .space-plane--two{background:var(--ink);opacity:.44;transform:translate(8px,11%)skew(-8deg)}.bagua-space--xun .space-plane--one{transform:translate(4vw)}.bagua-space--xun .space-plane--two{transform:translate(-2vw)}.bagua-space--xun .space-plane--three{transform:translate(6vw)}.bagua-space--kan .space-plane{transform:translateY(28%)}.bagua-space--gen .space-plane{opacity:0;transform:translateY(0)}.bagua-space--kun{background:linear-gradient(#0000 66%,#1719180d 66%,#0000 100%)}.bagua-space--kun .space-plane{opacity:.38;width:auto;height:1px;inset:auto 7vw 8%;transform:none}.phase-one-end{z-index:6;background:var(--paper);align-content:center;justify-items:start;min-height:72dvh;padding:12vh clamp(20px,8vw,140px);display:grid;position:relative}.phase-one-end:before{z-index:-1;content:"";background:var(--ink);height:1px;position:absolute;top:50%;left:8vw;right:8vw}.phase-one-end p{background:var(--paper);font-family:var(--font-cn);letter-spacing:-.06em;margin:0;padding-right:2ch;font-size:clamp(42px,8vw,138px);font-weight:300}.phase-one-end>span{font-family:var(--font-mono);letter-spacing:.18em;margin-top:28px;font-size:8px}.phase-one-end button{cursor:pointer;min-height:44px;font-family:var(--font-mono);letter-spacing:.16em;margin-top:70px;font-size:8px;position:relative}@media (hover:hover) and (pointer:fine){.xiangwai,.xiangwai button,.xiangwai a{cursor:none}}@media (max-width:980px){.bagua-layout{grid-template-columns:minmax(0,1fr) 220px;gap:5vw}.phase-copy{width:48vw}}@media (max-width:768px){.site-chrome{height:62px;padding-inline:18px}.site-mark span:first-child,.energy-state{display:none}.site-mark{font-family:var(--font-cn);font-size:10px}.changing-line{width:86vw;left:7vw}.global-cursor{display:none}.site-index{padding:24px 18px 30px;display:block;overflow-y:auto}.site-index__head{height:14vh}.site-index__map{gap:16px;width:100%}.site-index__chapter{min-height:106px}.site-index__chapter-title{margin-top:8px;font-size:clamp(36px,11.5vw,48px)}.site-index__enter{margin-top:4px}.site-index__item{grid-template-columns:34px 62px 1fr;min-height:60px}.site-index__diagram{width:auto;height:31vh;inset:auto 18px 2vh;transform:scale(1.08)}.site-index__preview--genesis{gap:18px}.index-genesis-void,.index-genesis-node{gap:12px}.index-genesis-void:after,.index-genesis-node:not(:last-child):after{width:8px;left:calc(100% + 5px)}.index-wuxing-node{gap:10px}.index-wuxing-node>i{height:36px}.site-index__preview--bagua{gap:24px 30px;padding:4% 2%}.index-bagua-node{min-height:46px}.index-bagua-node .trigram-glyph,.index-bagua-node .trigram-glyph--compact{width:min(100%,64px)}.site-index__preview--sixty-four{gap:7px 9px;padding:1%}.void-brand{width:max-content;top:45%}.void-enter{bottom:24px;left:18px}.void-manifesto{bottom:20vh;left:18px;right:18px}.manifesto-line{font-size:clamp(31px,11vw,58px)}.void-manifesto small{width:25ch;line-height:1.7}.void-glyph-field{inset:10vh 0}.wuxing-section{overflow:visible}.wuxing-track{width:100%;display:block;transform:none!important}.phase-panel{min-height:100svh}.phase-panel:before{top:62px;bottom:24px;left:18px}.wuxing-intro{top:90px;left:34px}.phase-copy{width:calc(100vw - 68px);top:30%;left:34px;transform:none}.phase-english{font-size:clamp(58px,19vw,92px)}.phase-motion{margin-top:19px}.wood-visual{top:35%;left:3%}.fire-core{width:30vw;height:34vh;bottom:8%;right:19%}.earth-crop{width:92vw;height:47vh;bottom:0;right:-12vw}.earth-weight{width:86vw;right:0}.metal-edge--one{right:54vw}.metal-edge--two{right:31vw}.metal-edge--three{right:8vw}.water-crop{width:94vw;height:48vh;top:auto;bottom:4vh;right:-12vw}.bagua-section{min-height:178dvh;padding:108px 18px 16vh}.bagua-heading{font-size:clamp(49px,15vw,82px);line-height:.84}.bagua-heading span:last-child,.bagua-heading-wrap>p{margin-left:0}.bagua-heading span:last-child{padding-left:13vw}.bagua-heading-wrap>p{width:88%;margin-top:28px}.bagua-layout{margin-top:30vh;display:block;top:15vh}.bagua-matrix{scroll-snap-type:x mandatory;scrollbar-width:none;border-left:0;width:calc(100vw - 18px);margin-right:-18px;display:flex;overflow-x:auto}.bagua-matrix::-webkit-scrollbar{display:none}.trigram-cell{border-bottom:1px solid var(--line-soft);scroll-snap-align:start;opacity:.5;flex:0 0 68vw;min-height:44vw}.trigram-cell--active{transform:translateY(0)}.bagua-reading{width:calc(100vw - 36px);min-height:230px;margin-top:40px}.bagua-reading__symbol{font-size:92px}.bagua-space img{opacity:.16;width:112vw;height:55vh;bottom:4vh;right:-32vw}.space-plane--one{left:18%}.space-plane--two{left:52%}.space-plane--three{left:86%}.phase-one-end{min-height:68svh;padding:10vh 18px}.phase-one-end p{font-size:15vw}}.hexagram-section{--page-pad:clamp(20px, 3.3vw, 54px);--line-strong:var(--line);--font-serif:var(--font-cn);isolation:isolate;color:var(--ink);background:var(--paper);position:relative}.field-yao{justify-content:space-between;align-items:center;width:100%;height:1px;display:flex}.field-yao__segment{transform-origin:50%;background:currentColor;width:calc(50% - 2px);height:1px;display:block}.field-yao--yang .field-yao__segment{width:50%}.field-yao--yang .field-yao__segment--start{transform-origin:100%}.field-yao--yang .field-yao__segment--end{transform-origin:0}.field-trigram-mark,.field-hexagram-mark{width:100%;color:inherit;flex-direction:column;justify-content:space-between;display:flex}.field-trigram-mark{height:9px}.field-hexagram-mark{height:23px}.hexagram-genesis{background:var(--paper);min-height:100dvh;position:relative}.hexagram-genesis__pin{background:linear-gradient(90deg, transparent calc(50% - .5px), var(--line-soft) 50%, transparent calc(50% + .5px)), var(--paper);width:100%;height:100dvh;position:relative;overflow:hidden}.hexagram-genesis__eyebrow,.hexagram-genesis__silence,.hexagram-field__instruction{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:9px;line-height:1}.hexagram-genesis__eyebrow{top:6.5vh;left:var(--page-pad);color:var(--ink-soft);position:absolute}.hexagram-genesis__axis{z-index:3;color:var(--ink-soft);position:absolute}.hexagram-genesis__axis--upper{width:min(62vw,860px);top:48%;left:50%;transform:translate(-50%,-50%)}.hexagram-genesis__axis--lower{opacity:0;width:clamp(32px,4.1vw,58px);height:min(58vh,610px);top:50%;left:calc(50% - min(31vw,430px) - clamp(42px,4vw,62px));transform:translateY(-47%)}.hexagram-genesis__axis-label{font-family:var(--font-sans);letter-spacing:.18em;color:var(--ink-soft);opacity:0;font-size:8px;position:absolute;bottom:calc(100% + 20px);left:0}.hexagram-genesis__axis--lower .hexagram-genesis__axis-label{transform-origin:50%;opacity:1;white-space:nowrap;inset:50% calc(100% + 14px) auto auto;transform:rotate(-90deg)}.hexagram-genesis__trigrams{transform-origin:0;grid-template-columns:repeat(8,1fr);gap:clamp(18px,4vw,68px);display:grid}.hexagram-genesis__trigram{width:clamp(32px,4.1vw,58px);display:block}.hexagram-genesis__axis--upper .hexagram-genesis__trigrams{box-sizing:border-box;grid-template-columns:repeat(8,minmax(0,1fr));gap:0 clamp(22px,3.2vw,48px);padding:0 2vw}.hexagram-genesis__axis--lower .hexagram-genesis__trigrams{box-sizing:border-box;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:1fr;gap:clamp(13px,2.1vh,25px) 0;width:100%;height:100%;padding:2.5vh 0;display:grid;transform:none}.hexagram-genesis__axis--lower .hexagram-genesis__trigram{align-self:center;transform:none}.hexagram-genesis__cross{z-index:2;clip-path:inset(0 100% 0 0);isolation:isolate;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:clamp(13px,2.1vh,25px) clamp(22px,3.2vw,48px);width:min(62vw,860px);height:min(58vh,610px);padding:2.5vh 2vw;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-47%)}.hexagram-genesis__weave{z-index:-1;pointer-events:none;opacity:0;position:absolute;inset:0}.hexagram-genesis__weave--horizontal{background:repeating-linear-gradient(to bottom, transparent 0 calc(12.5% - .5px), var(--line-soft) calc(12.5% - .5px) 12.5%)}.hexagram-genesis__weave--vertical{background:repeating-linear-gradient(to right, transparent 0 calc(12.5% - .5px), var(--line-soft) calc(12.5% - .5px) 12.5%)}.hexagram-genesis__cell{color:var(--ink-soft);justify-content:center;align-items:center;display:flex}.hexagram-genesis__cell .field-hexagram-mark{width:clamp(20px,2.1vw,32px);height:clamp(16px,2.5vh,24px)}.hexagram-genesis__equation{z-index:4;right:var(--page-pad);font-family:var(--font-sans);letter-spacing:-.07em;clip-path:inset(0 100% 0 0);align-items:baseline;gap:.34em;font-size:clamp(42px,6.2vw,92px);font-weight:300;display:flex;position:absolute;top:10vh}.hexagram-genesis__equation i{font-family:var(--font-serif);letter-spacing:0;font-size:.35em;font-style:normal;font-weight:400}.hexagram-genesis__result{z-index:1;font-family:var(--font-sans);letter-spacing:-.09em;color:var(--ink);clip-path:inset(0 100% 0 0);font-size:clamp(210px,35vw,620px);font-weight:300;line-height:.76;position:absolute;bottom:-.16em;left:-.035em}.hexagram-genesis__silence{right:var(--page-pad);color:var(--ink-soft);opacity:0;position:absolute;bottom:6.5vh}.hexagram-genesis.is-reduced .hexagram-genesis__axis{opacity:.15}.hexagram-genesis.is-reduced .hexagram-genesis__cross,.hexagram-genesis.is-reduced .hexagram-genesis__result,.hexagram-genesis.is-reduced .hexagram-genesis__equation{clip-path:inset(0)}.hexagram-genesis.is-reduced .hexagram-genesis__cell,.hexagram-genesis.is-reduced .hexagram-genesis__silence{opacity:1}.hexagram-field-stage{background:var(--paper);min-height:165dvh;position:relative}.hexagram-field-composition{background:var(--paper);transform-origin:50%;width:100%;height:100dvh;transition:transform .88s cubic-bezier(.76,0,.24,1),opacity .62s,filter .62s;position:sticky;top:0;overflow:hidden}body[data-field-expanded=true] .hexagram-field-composition{opacity:.09;filter:blur(2px);transform:scale(.74)}.hexagram-field__heading{z-index:2;pointer-events:none;position:absolute;inset:0}.hexagram-field__number{font-family:var(--font-sans);letter-spacing:-.1em;color:var(--ink);font-size:clamp(250px,40vw,700px);font-weight:300;line-height:.76;position:absolute;bottom:-.17em;left:-.04em}@supports (color:color-mix(in lab, red, red)){.hexagram-field__number{color:color-mix(in srgb, var(--ink) 8%, transparent)}}.hexagram-field__title{top:7vh;left:var(--page-pad);font-family:var(--font-sans);letter-spacing:-.03em;font-size:clamp(16px,1.4vw,23px);font-weight:500;line-height:.92;position:absolute}.hexagram-field__title-zh{top:7.2vh;right:var(--page-pad);font-family:var(--font-serif);letter-spacing:.16em;color:var(--muted);font-size:11px;position:absolute}.hexagram-field__frame{--field-inset-top:6%;--field-inset-right:5%;--field-inset-bottom:5%;--field-inset-left:7%;--field-row-gap:clamp(10px, 1.8vh, 22px);--field-column-gap:clamp(18px, 2.7vw, 42px);z-index:3;width:min(68vw,980px);height:min(66vh,680px);position:absolute;top:50%;left:50%;transform:translate(-50%,-47%)}.hexagram-field{inset:var(--field-inset-top) var(--field-inset-right) var(--field-inset-bottom) var(--field-inset-left);gap:var(--field-row-gap) var(--field-column-gap);isolation:isolate;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute}.hexagram-field:before,.hexagram-field:after{content:"";z-index:-1;pointer-events:none;background:var(--line-soft);position:absolute}.hexagram-field:before{width:1px;top:-4%;bottom:-4%;left:-2.5%}.hexagram-field:after{height:1px;top:-2.5%;left:-4%;right:-3%}.hexagram-field__axis{z-index:5;font-family:var(--font-sans);letter-spacing:.2em;color:var(--ink-soft);pointer-events:none;font-size:7px;position:absolute}.hexagram-field__axis--upper{top:calc(var(--field-inset-top) - 27px);right:var(--field-inset-right);left:var(--field-inset-left);height:18px}.hexagram-field__axis--lower{top:var(--field-inset-top);bottom:var(--field-inset-bottom);left:calc(var(--field-inset-left) - 39px);width:28px}.hexagram-field__axis-label{white-space:nowrap;margin:0;position:absolute}.hexagram-field__axis--upper .hexagram-field__axis-label{bottom:calc(100% + 2px);left:0}.hexagram-field__axis--lower .hexagram-field__axis-label{transform-origin:50%;top:50%;right:calc(100% + 9px);transform:translateY(-50%)rotate(-90deg)}.hexagram-field__axis-trigrams{width:100%;height:100%}.hexagram-field__axis--upper .hexagram-field__axis-trigrams{gap:0 var(--field-column-gap);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.hexagram-field__axis--lower .hexagram-field__axis-trigrams{gap:var(--field-row-gap) 0;grid-template-rows:repeat(8,minmax(0,1fr));display:grid}.hexagram-field__axis-trigram{opacity:.68;place-self:center;width:26px;display:block;transform:none}.hexagram-field__axis-trigram .field-yao,.hexagram-field__axis-trigram .field-yao__segment{height:1px}.hexagram-cell{z-index:2;min-width:0;min-height:0;transition:opacity .36s;position:relative}.hexagram-cell__focus{width:100%;height:100%;color:var(--ink);border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.hexagram-cell__focus{color:color-mix(in srgb, var(--ink) calc(41% + var(--field-proximity,0) * 27%), transparent)}}.hexagram-cell__focus{background:0 0}.hexagram-cell__focus .field-hexagram-mark{--field-focus-scale:1;width:clamp(17px,1.65vw,25px);height:clamp(16px,2.25vh,22px);transform:translate3d(var(--field-shift-x,0), var(--field-shift-y,0), 0) scale(var(--field-focus-scale));will-change:auto;transition:transform .48s cubic-bezier(.22,1,.36,1),color .32s}.hexagram-cell.is-active .hexagram-cell__focus .field-hexagram-mark,.hexagram-cell.is-target .hexagram-cell__focus .field-hexagram-mark{will-change:transform}.hexagram-field:has(.hexagram-cell.is-active) .hexagram-cell:not(.is-active):not(.is-target){opacity:.24}.hexagram-cell.is-active{z-index:8}.hexagram-cell.is-active .hexagram-cell__focus{color:var(--ink)}.hexagram-cell.is-active .hexagram-cell__focus .field-hexagram-mark{--field-focus-scale:1;opacity:0;transform:translate(0)scale(1)}.hexagram-cell.is-target .hexagram-cell__focus{color:var(--ink);animation:.82s cubic-bezier(.22,1,.36,1) both field-target-pulse}.hexagram-field__active-anchor{z-index:10;pointer-events:none;transform-origin:50%;will-change:transform;width:0;height:0;position:absolute;top:50%;left:50%}.hexagram-field__active-overlay{width:clamp(56px,4.5vw,68px);height:132px;color:var(--ink);pointer-events:none;transform-origin:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.hexagram-field__active-overlay .field-hexagram-mark{box-sizing:border-box;width:100%;height:100%;padding-block:11px}.hexagram-cell__line-controls{z-index:12;pointer-events:none;width:clamp(68px,5.2vw,82px);height:132px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hexagram-field__active-overlay[data-interaction-ready=true] .hexagram-cell__line-controls{pointer-events:auto}.hexagram-cell__line-control{left:0;top:calc(var(--visual-line) * 16.6667%);cursor:pointer;background:0 0;border:0;width:100%;height:16.6667%;padding:0;position:absolute}.hexagram-cell__line-control:after{display:none}.hexagram-cell__line-control:focus-visible{outline:none}.field-yao.is-tensioned .field-yao__segment{transition:transform .26s cubic-bezier(.22,1,.36,1)}.field-yao--yang.is-tensioned .field-yao__segment--start{transform-origin:0;transform:scaleX(.94)}.field-yao--yang.is-tensioned .field-yao__segment--end{transform-origin:100%;transform:scaleX(.94)}.field-yao--yin.is-tensioned .field-yao__segment--start{transform:translate(-2px)scaleX(.97)}.field-yao--yin.is-tensioned .field-yao__segment--end{transform:translate(2px)scaleX(.97)}.hexagram-cell.is-changing .hexagram-cell__focus .field-hexagram-mark,.hexagram-field__active-overlay.is-changing .field-hexagram-mark{animation:.41s cubic-bezier(.76,0,.24,1) both field-change-tension}.field-yao.is-changing.field-yao--yang .field-yao__segment--start{animation:.52s cubic-bezier(.76,0,.24,1) both yao-yang-to-yin-start}.field-yao.is-changing.field-yao--yang .field-yao__segment--end{animation:.52s cubic-bezier(.76,0,.24,1) both yao-yang-to-yin-end}.field-yao.is-changing.field-yao--yin .field-yao__segment--start{animation:.52s cubic-bezier(.76,0,.24,1) both yao-yin-to-yang-start}.field-yao.is-changing.field-yao--yin .field-yao__segment--end{animation:.52s cubic-bezier(.76,0,.24,1) both yao-yin-to-yang-end}.hexagram-field__traces{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hexagram-field__trace{fill:none;stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.hexagram-field__trace{stroke:color-mix(in srgb, var(--ink) 58%, transparent)}}.hexagram-field__trace{stroke-width:.75px;stroke-dasharray:1;stroke-dashoffset:1px;vector-effect:non-scaling-stroke;animation:2.6s cubic-bezier(.22,1,.36,1) forwards field-trace}.hexagram-field__trace.is-current{stroke:var(--ink)}.hexagram-field__traveller{z-index:9;border:1px solid var(--ink);background:var(--paper);pointer-events:none;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;animation:.82s cubic-bezier(.76,0,.24,1) forwards field-traveller;position:absolute;top:0;left:0}.hexagram-annotation{z-index:12;right:var(--page-pad);border-left:1px solid var(--line-strong);pointer-events:none;background:0 0;grid-template-columns:auto auto;grid-template-areas:"coordinate coordinate""number name""romanized romanized""trigrams trigrams""enter enter";align-items:baseline;width:clamp(180px,17vw,260px);padding:0 0 0 16px;display:grid;position:absolute;bottom:7.5vh}.hexagram-annotation__coordinate{font-family:var(--font-sans);letter-spacing:.2em;color:var(--ink-soft);grid-area:coordinate;margin-bottom:20px;font-size:7px}.hexagram-annotation__number{font-family:var(--font-sans);letter-spacing:-.08em;grid-area:number;padding-right:.28em;font-size:clamp(44px,4.1vw,68px);font-weight:300;line-height:.8}.hexagram-annotation__name{font-family:var(--font-serif);grid-area:name;font-size:clamp(22px,2vw,34px);font-weight:400;line-height:1}.hexagram-annotation__romanized{font-family:var(--font-sans);letter-spacing:.22em;grid-area:romanized;margin:13px 0 20px;font-size:9px}.hexagram-annotation__trigrams{font-family:var(--font-sans);letter-spacing:.12em;color:var(--ink-soft);grid-area:trigrams;grid-template-columns:auto 1fr;gap:7px 11px;font-size:8px;line-height:1.35;display:grid}.hexagram-annotation__trigrams i{font-family:var(--font-serif);letter-spacing:0;color:var(--ink-soft);font-style:normal}.hexagram-annotation__trigrams b{display:none}.hexagram-annotation__enter{border:0;border-bottom:1px solid var(--line-strong);font-family:var(--font-sans);letter-spacing:.17em;pointer-events:auto;background:0 0;grid-area:enter;justify-self:start;margin-top:22px;padding:8px 0 7px;font-size:8px}.hexagram-annotation__enter span{margin-left:9px;transition:transform .28s cubic-bezier(.22,1,.36,1);display:inline-block}:is(.hexagram-annotation__enter:hover span,.hexagram-annotation__enter:focus-visible span){transform:translate(3px,-3px)}.hexagram-field__instruction{z-index:13;left:var(--page-pad);color:var(--ink-soft);position:absolute;bottom:6.5vh}.hexagram-expanded{z-index:220;color:var(--ink);background:var(--paper-lift);position:fixed;inset:0;overflow:hidden}.hexagram-expanded:focus{outline:none}body[data-field-expanded=true]{overflow:hidden}.hexagram-expanded:before,.hexagram-expanded:after{content:"";pointer-events:none;background:var(--line-soft);position:absolute}.hexagram-expanded:before{height:1px;top:50%;left:0;right:0}.hexagram-expanded:after{width:1px;top:0;bottom:0;left:50%}.hexagram-expanded__structure{z-index:3;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,44px);width:min(82vw,1280px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hexagram-expanded__line{width:100%;height:clamp(34px,4.5vh,48px);color:var(--ink);transform-origin:50%;background:0 0;border:0;padding:0;display:block}.hexagram-expanded__line.is-lower-start{margin-top:clamp(66px,10vh,100px)}.hexagram-expanded__line .field-yao{height:clamp(2px,.23vw,4px)}.hexagram-expanded__line .field-yao__segment{width:calc(50% - clamp(18px,3.1vw,54px));height:100%;transition:transform .52s cubic-bezier(.76,0,.24,1)}.hexagram-expanded__line .field-yao--yang .field-yao__segment{width:50%}:is(.hexagram-expanded__line:hover .field-yao__segment,.hexagram-expanded__line:focus-visible .field-yao__segment){transform:translate(1.1vw)}:is(.hexagram-expanded__line:hover .field-yao__segment--end,.hexagram-expanded__line:focus-visible .field-yao__segment--end){transform:translate(-1.1vw)}.hexagram-expanded__line.is-changing .field-yao__segment{animation:.52s cubic-bezier(.76,0,.24,1) both expanded-line-change}.hexagram-expanded__identity{z-index:5;color:var(--paper-lift);background:var(--ink);grid-template-columns:auto auto;align-items:baseline;gap:0 18px;padding:11px 16px 10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hexagram-expanded__identity span{font-family:var(--font-sans);letter-spacing:-.07em;font-size:clamp(25px,3vw,44px);font-weight:300;line-height:.9}.hexagram-expanded__identity strong{font-family:var(--font-serif);font-size:clamp(18px,2vw,30px);font-weight:400}.hexagram-expanded__identity i{font-family:var(--font-sans);letter-spacing:.22em;grid-column:1/-1;margin-top:5px;font-size:7px;font-style:normal}.hexagram-expanded__meta{z-index:4;left:var(--page-pad);grid-template-columns:auto auto;align-items:baseline;gap:6px 11px;display:grid;position:absolute}.hexagram-expanded__meta--upper{top:7vh}.hexagram-expanded__meta--lower{bottom:7vh}.hexagram-expanded__meta span{font-family:var(--font-sans);letter-spacing:.2em;color:var(--ink-soft);grid-column:1/-1;font-size:7px}.hexagram-expanded__meta strong{font-family:var(--font-serif);font-size:18px;font-weight:400}.hexagram-expanded__meta i{font-family:var(--font-sans);letter-spacing:.15em;font-size:8px;font-style:normal}.hexagram-expanded__instruction{z-index:5;right:var(--page-pad);font-family:var(--font-sans);letter-spacing:.2em;color:var(--ink-soft);margin:0;font-size:8px;position:absolute;bottom:7vh}.hexagram-expanded__back{z-index:6;top:7vh;right:var(--page-pad);font-family:var(--font-sans);letter-spacing:.18em;background:0 0;border:0;padding:8px 0;font-size:8px;position:absolute}.hexagram-expanded__back span{margin-right:10px;transition:transform .28s cubic-bezier(.22,1,.36,1);display:inline-block}:is(.hexagram-expanded__back:hover span,.hexagram-expanded__back:focus-visible span){transform:translate(-4px)}@keyframes field-target-pulse{0%{opacity:.15;transform:scale(.72)}42%{opacity:1;transform:scale(1.24)}to{opacity:1;transform:scale(1)}}@keyframes field-change-tension{0%,to{transform:scaleX(1)}45%{transform:scaleX(1.32)}}@keyframes yao-yang-to-yin-start{0%{transform:scaleX(1)translate(0)}62%,to{transform:scaleX(.88)translate(-4px)}}@keyframes yao-yang-to-yin-end{0%{transform:scaleX(1)translate(0)}62%,to{transform:scaleX(.88)translate(4px)}}@keyframes yao-yin-to-yang-start{0%{transform:translate(0)}62%,to{transform:translate(4px)scaleX(1.1)}}@keyframes yao-yin-to-yang-end{0%{transform:translate(0)}62%,to{transform:translate(-4px)scaleX(1.1)}}@keyframes field-trace{0%{stroke-dashoffset:1px;opacity:0}12%{opacity:1}46%{stroke-dashoffset:0;opacity:.8}to{stroke-dashoffset:0;opacity:0}}@keyframes field-traveller{0%{left:var(--travel-from-x);top:var(--travel-from-y);opacity:0;transform:scale(.4)}14%{opacity:1}78%{opacity:1}to{left:var(--travel-to-x);top:var(--travel-to-y);opacity:0;transform:scale(1.2)}}@keyframes expanded-line-change{0%,to{transform:scaleX(1)}45%{transform:scaleX(.68)}}@media (max-width:980px){.hexagram-field__frame{width:min(78vw,900px)}.hexagram-annotation{bottom:5vh;right:3vw}}@media (max-width:768px){.hexagram-genesis__eyebrow{top:9vh}.hexagram-genesis__axis--upper{width:86vw}.hexagram-genesis__axis--lower{width:24px;height:49vh;left:calc(50% - 43vw - 34px)}.hexagram-genesis__trigrams{gap:10px}.hexagram-genesis__trigram{width:24px}.hexagram-genesis__axis--upper .hexagram-genesis__trigrams{gap:0 18px}.hexagram-genesis__axis--lower .hexagram-genesis__trigrams{gap:13px 0}.hexagram-genesis__cross{gap:13px 18px;width:86vw;height:49vh}.hexagram-genesis__cell .field-hexagram-mark{width:16px;height:15px}.hexagram-genesis__equation{font-size:42px;top:13vh}.hexagram-genesis__result{font-size:60vw}.hexagram-field-stage{min-height:140dvh}.hexagram-field__title{top:9vh}.hexagram-field__title-zh{top:9.2vh}.hexagram-field__number{font-size:58vw;bottom:-.04em}.hexagram-field__frame{--field-row-gap:14px;--field-column-gap:25px;overscroll-behavior:contain;scrollbar-width:none;width:100%;height:60vh;padding:0 0 12px;top:48%;left:0;overflow:auto;transform:none}.hexagram-field__frame::-webkit-scrollbar{display:none}.hexagram-field{gap:var(--field-row-gap) var(--field-column-gap);width:720px;height:min(500px,60dvh - 54px);margin:42px 32px 0 72px;position:relative;inset:auto}.hexagram-field__axis--upper{width:720px;height:16px;top:17px;left:72px;right:auto}.hexagram-field__axis--lower{width:26px;height:min(500px,60dvh - 54px);top:42px;bottom:auto;left:44px}.hexagram-field__axis--lower .hexagram-field__axis-label{right:calc(100% + 3px)}.hexagram-field__axis-trigram{width:24px}.hexagram-cell{will-change:auto}.hexagram-cell__focus .field-hexagram-mark{width:25px;height:23px}.hexagram-cell.is-active .hexagram-cell__focus .field-hexagram-mark{--field-focus-scale:1;opacity:0;width:25px;height:23px;transform:translate(0)scale(1)}.hexagram-field__active-overlay{width:62px;height:264px}.hexagram-field__active-overlay .field-hexagram-mark{height:264px;padding-block:22px}.hexagram-cell__line-controls{width:76px;height:264px}.hexagram-annotation{top:16vh;right:var(--page-pad);width:min(54vw,220px);bottom:auto}.hexagram-field__instruction{display:none}.hexagram-expanded__structure{gap:16px;width:88vw}.hexagram-expanded__line.is-lower-start{margin-top:54px}.hexagram-expanded__line{height:44px}.hexagram-expanded__identity{padding:9px 12px 8px}.hexagram-expanded__meta--upper{top:10vh}.hexagram-expanded__meta--lower{bottom:10vh}.hexagram-expanded__back{top:5vh}.hexagram-expanded__instruction{bottom:5vh}}@media (prefers-reduced-motion:reduce){.hexagram-cell,.hexagram-field-composition,.hexagram-cell__focus .field-hexagram-mark,.hexagram-cell__focus .field-yao,.hexagram-annotation__enter span,.hexagram-expanded__back span,.hexagram-expanded__line .field-yao__segment{transition-duration:.01ms!important}.hexagram-cell.is-target .hexagram-cell__focus,.hexagram-cell.is-changing .hexagram-cell__focus .field-hexagram-mark,.hexagram-field__trace,.hexagram-field__traveller,.field-yao.is-changing .field-yao__segment,.hexagram-expanded__line.is-changing .field-yao__segment{animation-duration:.01ms!important}.hexagram-genesis{min-height:100dvh}}.wuxing-relations{z-index:6;width:calc(100vw - clamp(76px,12vw,208px));height:clamp(430px,68vh,650px);color:var(--ink);align-content:end;gap:clamp(18px,3vh,30px);display:grid;position:absolute;bottom:clamp(24px,6vh,62px);left:calc(400vw + clamp(38px,6vw,104px))}.wuxing-relations__annotation{border-bottom:1px solid var(--line-soft);font-family:var(--font-mono);letter-spacing:.18em;justify-content:space-between;align-items:center;font-size:8px;display:flex}.wuxing-relations__annotation>span{opacity:.52}.wuxing-relations__modes{align-items:center;gap:5px;display:flex}.wuxing-relations__modes button{min-width:44px;min-height:44px;color:var(--ink);place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.wuxing-relations__modes button{color:color-mix(in srgb, var(--ink) 38%, transparent)}}.wuxing-relations__modes button{font-family:var(--font-cn);cursor:pointer;font-size:13px;transition:color .32s}.wuxing-relations__modes button:after{content:"";background:var(--ink);transform-origin:50%;height:1px;transition:transform .46s cubic-bezier(.16,1,.3,1);position:absolute;bottom:7px;left:8px;right:8px;transform:scaleX(0)}:is(.wuxing-relations__modes button:hover,.wuxing-relations__modes button:focus-visible,.wuxing-relations__modes button[aria-pressed=true]){color:var(--ink)}.wuxing-relations__modes button[aria-pressed=true]:after{transform:scaleX(1)}.wuxing-relations__modes>i{background:var(--line-soft);width:14px;height:1px;transform:rotate(-34deg)}.wuxing-relations__sequence{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;width:100%;display:grid}.wuxing-relation-node{justify-items:center;gap:7px;min-width:0;display:grid;position:relative}.wuxing-relation-node strong{font-family:var(--font-cn);font-size:clamp(15px,1.35vw,22px);font-weight:300;line-height:1}.wuxing-relation-node em{font-family:var(--font-mono);letter-spacing:.14em;opacity:.42;font-size:7px;font-style:normal}.wuxing-relation-node__line{background:var(--ink);opacity:.52;transform-origin:0;height:1px;transition:opacity .36s,transform .58s cubic-bezier(.16,1,.3,1);position:absolute;top:10px;left:calc(50% + 15px);right:calc(15px - 50%)}.wuxing-relation-node__line:after{border-top:1px solid var(--ink);border-right:1px solid var(--ink);content:"";width:5px;height:5px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.wuxing-relations[data-relation-mode=overcoming] .wuxing-relation-node__line{opacity:.78;transform:scaleX(.92)}.wuxing-bridge{pointer-events:none;opacity:1;clip-path:inset(0);grid-template-rows:auto 1fr;align-content:center;gap:clamp(24px,5vh,48px);display:grid;position:absolute;inset:0}.wuxing-bridge__annotation{color:var(--ink);font-family:var(--font-mono);letter-spacing:.18em;opacity:.68;white-space:nowrap;justify-self:start;font-size:8px}.wuxing-bridge__annotation:after{content:"";background:var(--line);width:clamp(68px,8vw,118px);height:1px;margin:12px 0 0;display:block}.wuxing-bridge__correspondences{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:clamp(18px,2.2vw,38px);min-width:0;display:grid}.wuxing-bridge__correspondence{clip-path:inset(0);grid-template-rows:auto clamp(38px,7vh,66px) 1fr;justify-items:center;min-width:0;display:grid;position:relative}.wuxing-bridge__correspondence-phase{justify-items:center;gap:8px;display:grid}.wuxing-bridge__correspondence-phase strong{font-family:var(--font-cn);font-size:clamp(17px,1.45vw,23px);font-weight:300;line-height:1}.wuxing-bridge__correspondence-phase em{font-family:var(--font-mono);letter-spacing:.14em;opacity:.48;font-size:7px;font-style:normal}.wuxing-bridge__correspondence-line{background:var(--line);transform-origin:top;width:1px;height:100%}.wuxing-bridge__targets{justify-content:center;align-items:start;gap:clamp(10px,1vw,18px);width:100%;min-width:0;display:flex}.wuxing-bridge__target{flex:1 1 0;justify-items:center;gap:12px;min-width:0;max-width:70px;display:grid}.wuxing-bridge__target>em{color:var(--ink);font-family:var(--font-cn);opacity:.78;font-size:clamp(10px,.9vw,13px);font-style:normal;font-weight:300}.wuxing-bridge__states{border-top:1px solid var(--line-soft);opacity:0;visibility:hidden;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:clamp(12px,1.8vw,28px);min-width:0;padding-top:clamp(24px,4vh,42px);display:grid;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.wuxing-bridge__trigram{justify-items:center;min-width:0;display:grid;position:relative}.wuxing-bridge__target .trigram-glyph,.wuxing-bridge__target .trigram-glyph--compact,.wuxing-bridge__trigram .trigram-glyph,.wuxing-bridge__trigram .trigram-glyph--compact{gap:clamp(6px,.8vh,9px);width:min(100%,76px);position:relative;bottom:auto;left:auto}.wuxing-bridge__target .yao-line,.wuxing-bridge__trigram .yao-line{height:1px}@media (max-width:768px){.wuxing-relations{gap:16px;width:calc(100vw - 52px);height:66svh;bottom:4svh;left:34px;right:auto}.wuxing-relations__annotation{font-size:7px}.wuxing-relation-node{gap:6px}.wuxing-relation-node strong{font-size:15px}.wuxing-relation-node em{letter-spacing:.08em;font-size:6px}.wuxing-relation-node__line{left:calc(50% + 11px);right:calc(11px - 50%)}.wuxing-bridge{grid-template-rows:auto 1fr;gap:14px}.wuxing-bridge__annotation{font-size:7px}.wuxing-bridge__annotation:after{width:54px;margin-top:8px}.wuxing-bridge__correspondences{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:1fr;gap:4px}.wuxing-bridge__correspondence{grid-template-rows:1fr;grid-template-columns:34px minmax(24px,1fr) minmax(84px,112px);place-items:center stretch;gap:10px}.wuxing-bridge__correspondence-phase{justify-items:start;gap:0}.wuxing-bridge__correspondence-phase strong{font-size:14px}.wuxing-bridge__correspondence-phase em{display:none}.wuxing-bridge__correspondence-line{transform-origin:0;width:100%;height:1px}.wuxing-bridge__targets{justify-content:flex-start;gap:8px}.wuxing-bridge__target{gap:5px;max-width:48px}.wuxing-bridge__target>em{font-size:10px}.wuxing-bridge__states{gap:7px;padding-top:22px}.wuxing-bridge__target .trigram-glyph,.wuxing-bridge__target .trigram-glyph--compact,.wuxing-bridge__trigram .trigram-glyph,.wuxing-bridge__trigram .trigram-glyph--compact{gap:5px;width:min(100%,32px)}}@media (prefers-reduced-motion:reduce){.wuxing-relations *,.mutable-yao,.mutable-yao>span{transition-duration:.01ms!important}.wuxing-bridge{visibility:visible!important;opacity:1!important;clip-path:none!important}.wuxing-bridge__states{grid-row:3;position:relative;top:auto;transform:none;visibility:visible!important;opacity:.72!important}.wuxing-relations__annotation,.wuxing-relations__sequence{visibility:hidden}.site-index__diagram[data-preview=wuxing] .index-wuxing-line>i{opacity:.42;animation:none;transform:translate(45%)}}.state-material-stack{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.eight-state-material{pointer-events:none;isolation:isolate;contain:paint;transform-origin:50%;position:absolute;inset:0;overflow:hidden}.eight-state-material[data-material-ready=false]{visibility:hidden;opacity:0!important;animation:none!important}.eight-state-material--signature{z-index:2}.eight-state-material--bagua{height:100dvh;position:sticky;top:0}.eight-state-material--outgoing{z-index:3}.state-media__picture{pointer-events:none;transform-origin:50%;display:block;position:absolute;overflow:visible}.signature-world .state-media__picture img,.bagua-space .state-media__picture img{object-fit:cover;filter:none;clip-path:none;-webkit-user-select:none;user-select:none;max-width:none;display:block;-webkit-mask-image:none;mask-image:none;opacity:1!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.state-media__qian-field,.state-media__qian-ascent{opacity:.7;inset:-21vh -18vw -12vh;-webkit-mask-image:radial-gradient(at 53% 40%,#000 0 57%,#000000c7 76%,#0000 100%);mask-image:radial-gradient(at 53% 40%,#000 0 57%,#000000c7 76%,#0000 100%)}.state-media__qian-field img,.state-media__qian-ascent img{object-position:52% 14%;filter:contrast(1.045)brightness(.995)}.state-media__qian-ascent{opacity:.24;clip-path:inset(0 12% 25% 18%);filter:brightness(1.13);transform:translateY(calc((var(--pointer-y) - .5) * -2.2vh)) scale(1.035);animation:12s ease-in-out infinite alternate qian-material-drift}.state-media__qian-light{filter:blur(22px);opacity:.42;width:30vw;height:84vh;transform:translateX(calc((var(--pointer-x) - .5) * 1.4vw));background:linear-gradient(#ffffffe0,#ffffff38 62%,#0000);position:absolute;top:-15vh;left:44%}@keyframes qian-material-drift{0%{transform:translateY(1.2vh)scale(1.035)}to{transform:translateY(-2.8vh)scale(1.055)}}.state-media__dui-space,.state-media__dui-mirror{opacity:.66;width:132vw;height:98vh;bottom:-15vh;right:-16vw;-webkit-mask-image:linear-gradient(#0000 0,#00000075 29%,#000 57% 100%);mask-image:linear-gradient(#0000 0,#00000075 29%,#000 57% 100%)}.state-media__dui-space img,.state-media__dui-mirror img{object-position:51% 82%;transform:scale(1.055)}.state-media__dui-mirror{opacity:.23;clip-path:inset(42% 0 0);filter:blur(1.6px)brightness(1.08);height:65vh;transform:scaleY(-1) translateX(calc((var(--pointer-x) - .5) * -1.8vw));bottom:-20vh;-webkit-mask-image:linear-gradient(#000,#0000 84%);mask-image:linear-gradient(#000,#0000 84%)}.state-media__dui-horizon{width:112vw;height:1px;transform:translateX(calc((var(--pointer-x) - .5) * .8vw));background:#ffffffc7;position:absolute;bottom:27vh;right:-8vw;box-shadow:0 20px 58px #92a4a533}.state-media__li-shadow,.state-media__li-reveal{width:97vw;height:106vh;bottom:-8vh;right:-10vw}.state-media__li-shadow{opacity:.74;clip-path:polygon(21% 0,100% 0,100% 100%,6% 100%);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000000d6 24%,#000 48% 100%);mask-image:linear-gradient(90deg,#0000 0,#000000d6 24%,#000 48% 100%)}.state-media__li-reveal{z-index:2;opacity:.92;clip-path:polygon(42% 12%,100% 3%,100% 100%,27% 100%);transform:translate(calc((var(--pointer-x) - .5) * 1.4vw), calc((var(--pointer-y) - .5) * 1vh));-webkit-mask-image:radial-gradient(circle at 58% 78%,#000 0 13%,#000000c7 25%,#0000 58%);mask-image:radial-gradient(circle at 58% 78%,#000 0 13%,#000000c7 25%,#0000 58%)}.state-media__li-shadow img,.state-media__li-reveal img{object-position:53% 68%}.state-media__li-source{z-index:3;background:linear-gradient(180deg, transparent, #993b30db 78%, var(--cinnabar));opacity:.8;width:2px;height:34vh;transform:translateX(calc((var(--pointer-x) - .5) * .65vw));position:absolute;bottom:17vh;right:28vw;box-shadow:0 10vh 46px 13px #993b303d}.signature-scene[data-trigram=li] .signature-world__copy{color:var(--paper-lift);text-shadow:0 1px 18px #0d0f0e40}.state-media__zhen-still,.state-media__zhen-left,.state-media__zhen-right{opacity:.5;width:113vw;height:108vh;bottom:-8vh;right:-9vw}.state-media__zhen-still img,.state-media__zhen-left img,.state-media__zhen-right img{object-position:50% 72%}.state-media__zhen-still{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14% 94%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 14% 94%,#0000)}.state-media__zhen-left{z-index:2;opacity:.34;clip-path:polygon(0 0,55% 0,64% 100%,0 100%)}.state-media__zhen-right{z-index:2;opacity:.42;clip-path:polygon(55% 0,100% 0,100% 100%,64% 100%)}.state-media__zhen-fault{z-index:4;background:var(--ink);opacity:.16;transform-origin:bottom;width:2px;height:65vh;position:absolute;top:50%;left:57%;transform:translate(-50%,-50%)rotate(-6deg)scaleY(.18)}.signature-scene[data-change-phase=reform] .eight-state-material--zhen .state-media__zhen-left,.bagua-section[data-focus=active] .eight-state-material--zhen .state-media__zhen-left{animation:.3s cubic-bezier(.78,0,.18,1) .52s both zhen-material-left}.signature-scene[data-change-phase=reform] .eight-state-material--zhen .state-media__zhen-right,.bagua-section[data-focus=active] .eight-state-material--zhen .state-media__zhen-right{animation:.3s cubic-bezier(.78,0,.18,1) .52s both zhen-material-right}.signature-scene[data-change-phase=reform] .eight-state-material--zhen .state-media__zhen-fault,.bagua-section[data-focus=active] .eight-state-material--zhen .state-media__zhen-fault{animation:.36s cubic-bezier(.78,0,.18,1) .5s both zhen-fault-open}@keyframes zhen-material-left{0%,34%{transform:translate(0)}55%{transform:translate(-12px,-2px)}to{transform:translate(0)}}@keyframes zhen-material-right{0%,34%{transform:translate(0)}55%{transform:translate(9px,2px)}to{transform:translate(0)}}@keyframes zhen-fault-open{0%,30%{opacity:.08;transform:translate(-50%,-50%)rotate(-6deg)scaleY(.12)}58%{opacity:.52;transform:translate(-50%,-50%)rotate(-6deg)scaleY(1)}to{opacity:.16;transform:translate(-50%,-50%)rotate(-6deg)scaleY(.22)}}.state-media__xun-back,.state-media__xun-veil,.state-media__xun-front{width:112vw;height:111vh;bottom:-10vh;right:-17vw}.state-media__xun-back img,.state-media__xun-veil img,.state-media__xun-front img{object-position:55% 60%}.state-media__xun-back{opacity:.32;clip-path:inset(0 31% 0 0);transform:translateX(calc((var(--pointer-x) - .5) * 1.3vw));-webkit-mask-image:linear-gradient(90deg,#0000,#000 19%,#000000b3 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 19%,#000000b3 78%,#0000)}.state-media__xun-veil{z-index:2;opacity:.26;clip-path:inset(3% 4% 0 20%);filter:brightness(1.2)blur(7px);transform:translateX(calc((var(--pointer-x) - .5) * 3.8vw));-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 36%,#0000 91%);mask-image:linear-gradient(90deg,#0000 5%,#000 36%,#0000 91%)}.state-media__xun-front{z-index:3;opacity:.46;clip-path:polygon(57% 0,100% 0,100% 100%,42% 100%);transform:translateX(calc((var(--pointer-x) - .5) * 6.4vw));-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 38% 100%);mask-image:linear-gradient(90deg,#0000 0,#000 38% 100%)}.state-media__xun-air{z-index:4;filter:blur(18px);opacity:.42;width:78vw;height:19vh;transform:translateX(calc((var(--pointer-x) - .5) * 7vw));background:linear-gradient(90deg,#0000,#f7f6f19e,#0000);position:absolute;top:21%;right:-8vw}.state-media__kan-depth,.state-media__kan-surface,.state-media__kan-stone,.state-media__kan-reflection{width:116vw;height:113vh;bottom:-12vh;right:-11vw}.state-media__kan-depth img,.state-media__kan-surface img,.state-media__kan-stone img,.state-media__kan-reflection img{object-position:52% 68%}.state-media__kan-depth{opacity:.46;transform:translateY(5vh);-webkit-mask-image:linear-gradient(#0000 0,#00000085 24%,#000 62% 100%);mask-image:linear-gradient(#0000 0,#00000085 24%,#000 62% 100%)}.state-media__kan-surface{z-index:2;opacity:.62;clip-path:inset(51% 0 0);transform:translate(calc((var(--pointer-x) - .5) * .75vw), calc(4vh + (var(--pointer-y) - .5) * 1.2vh));animation:8s ease-in-out infinite alternate kan-water-breathe;-webkit-mask-image:linear-gradient(#0000 43%,#000 56% 100%);mask-image:linear-gradient(#0000 43%,#000 56% 100%)}.state-media__kan-stone{z-index:3;opacity:.92;clip-path:polygon(40% 31%,79% 26%,84% 69%,71% 76%,38% 69%);transform:translateY(calc(4vh + (var(--pointer-y) - .5) * .55vh));-webkit-mask-image:radial-gradient(at 62% 55%,#000 0 26%,#000000d9 35%,#0000 55%);mask-image:radial-gradient(at 62% 55%,#000 0 26%,#000000d9 35%,#0000 55%)}.state-media__kan-reflection{z-index:2;opacity:.31;clip-path:inset(54% 0 0);filter:blur(2.4px);transform:translateX(calc((var(--pointer-x) - .5) * -1.7vw)) translateY(12vh) scaleY(-1);transform-origin:50% 55%;-webkit-mask-image:linear-gradient(#000 0,#0000008c 38%,#0000 90%);mask-image:linear-gradient(#000 0,#0000008c 38%,#0000 90%)}.state-media__kan-fog{z-index:5;filter:blur(21px);opacity:.48;width:91vw;height:14vh;transform:translateX(calc((var(--pointer-x) - .5) * 5.5vw));background:linear-gradient(90deg,#0000,#f1f0ebc2,#0000);position:absolute;top:50%;right:-9vw}@keyframes kan-water-breathe{0%{transform:translateY(3.6vh)scale(1.01)}to{transform:translateY(5.2vh)scale(1.025)}}.signature-scene[data-trigram=kan] .signature-world__copy{color:var(--paper-lift);text-shadow:0 1px 20px #070d1161}.state-media__gen-obstacle{opacity:.98;clip-path:inset(0 0 0 10%);width:108vw;height:111vh;bottom:-9vh;right:-18vw;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000000eb 18%,#000 37% 100%);mask-image:linear-gradient(90deg,#0000 0,#000000eb 18%,#000 37% 100%)}.state-media__gen-obstacle img{object-position:59% 53%}.state-media__gen-shadow{mix-blend-mode:multiply;background:#0d0f0e38;width:82vw;height:84vh;position:absolute;top:8vh;right:-12vw}.signature-scene[data-trigram=gen] .ambient-motion,.bagua-section[data-active=gen] .ambient-motion{transition-duration:1.35s!important;animation-play-state:paused!important}.state-media__kun-plate{z-index:2;opacity:.8;clip-path:inset(0);width:auto;height:auto;transform:translateY(calc(1.5vh + (var(--pointer-y) - .5) * .22vh));inset:-4vh -5vw -6vh;-webkit-mask-image:linear-gradient(#00000094 0,#000 34% 100%);mask-image:linear-gradient(#00000094 0,#000 34% 100%)}.state-media__kun-plate img{object-position:50% 72%;transform-origin:50% 100%;transform:scale(1.56);filter:saturate(.9)contrast(1.04)brightness(.98)!important}.signature-scene[data-trigram=kun] .signature-world__copy{color:var(--ink);text-shadow:none}.signature-scene[data-change-phase=break] .eight-state-material--signature:not(.eight-state-material--outgoing){clip-path:inset(48.5% 0);filter:contrast(1.16);transition:clip-path .15s cubic-bezier(.76,0,.24,1),transform .15s cubic-bezier(.76,0,.24,1),filter .15s linear;transform:scale(.92)}.signature-scene[data-change-phase=reform] .eight-state-material--outgoing{animation:.66s cubic-bezier(.76,0,.24,1) both state-material-exit}.signature-scene[data-change-phase=reform] .eight-state-material--qian:not(.eight-state-material--outgoing),.bagua-section[data-focus=active] .eight-state-material--qian{animation:.78s cubic-bezier(.16,1,.3,1) both state-enter-qian}.signature-scene[data-change-phase=reform] .eight-state-material--dui:not(.eight-state-material--outgoing),.bagua-section[data-focus=active] .eight-state-material--dui{animation:.8s cubic-bezier(.16,1,.3,1) both state-enter-dui}.signature-scene[data-change-phase=reform] .eight-state-material--li:not(.eight-state-material--outgoing),.bagua-section[data-focus=active] .eight-state-material--li{animation:.76s cubic-bezier(.16,1,.3,1) both state-enter-li}.signature-scene[data-change-phase=reform] .eight-state-material--zhen:not(.eight-state-material--outgoing),.bagua-section[data-focus=active] .eight-state-material--zhen{animation:.48s cubic-bezier(.7,0,.2,1) both state-enter-zhen}.signature-scene[data-change-phase=reform] .eight-state-material--xun:not(.eight-state-material--outgoing),.bagua-section[data-focus=active] .eight-state-material--xun{animation:.86s cubic-bezier(.16,1,.3,1) both state-enter-xun}.signature-scene[data-change-phase=reform] .eight-state-material--kan:not(.eight-state-material--outgoing),.bagua-section[data-focus=active] .eight-state-material--kan{animation:.88s cubic-bezier(.16,1,.3,1) both state-enter-kan}.signature-scene[data-change-phase=reform] .eight-state-material--gen:not(.eight-state-material--outgoing),.bagua-section[data-focus=active] .eight-state-material--gen{animation:.72s cubic-bezier(.16,1,.3,1) both state-enter-gen}.signature-scene[data-change-phase=reform] .eight-state-material--kun:not(.eight-state-material--outgoing),.bagua-section[data-focus=active] .eight-state-material--kun{animation:.9s cubic-bezier(.16,1,.3,1) both state-enter-kun}@keyframes state-material-exit{0%{clip-path:inset(0);opacity:1;transform:scale(1)}48%{clip-path:inset(31% 0);opacity:.5;transform:scale(.96)}to{clip-path:inset(49.5% 50%);opacity:0;transform:scale(.88)}}@keyframes state-enter-qian{0%{clip-path:inset(52% 0 44%);opacity:.2;transform:translateY(13vh)scale(.94)}to{clip-path:inset(0);opacity:1;transform:translateY(0)scale(1)}}@keyframes state-enter-dui{0%{clip-path:inset(66% 0 12%);opacity:.15;transform:perspective(800px)rotateX(68deg)translateY(18vh)}to{clip-path:inset(0);opacity:1;transform:none}}@keyframes state-enter-li{0%{clip-path:circle(0 at 67% 77%);opacity:.42}to{clip-path:circle(145% at 67% 77%);opacity:1}}@keyframes state-enter-zhen{0%{clip-path:polygon(0 49%,47% 49%,52% 51%,100% 51%,100% 53%,52% 53%,47% 51%,0 51%);opacity:.25}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}@keyframes state-enter-xun{0%{clip-path:polygon(78% 0,100% 0,100% 100%,68% 100%);opacity:.18;transform:translate(13vw)skew(-7deg)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;transform:none}}@keyframes state-enter-kan{0%{clip-path:inset(0 0 78%);opacity:.16;transform:translateY(-9vh)scale(.94)}to{clip-path:inset(0);opacity:1;transform:translateY(0)scale(1)}}@keyframes state-enter-gen{0%{clip-path:inset(0 0 0 82%);opacity:.4;transform:translate(21vw)}to{clip-path:inset(0);opacity:1;transform:translate(0)}}@keyframes state-enter-kun{0%{clip-path:inset(60% 8% 39%);opacity:.18;transform:translateY(4vh)}to{clip-path:inset(0);opacity:1;transform:translateY(0)}}.bagua-section[data-focus=quiet] .eight-state-material--bagua{opacity:.08;clip-path:inset(47% 12%);filter:grayscale()contrast(.84);transform:scale(.94)}.bagua-section[data-focus=active] .eight-state-material--bagua{opacity:1;filter:none}.bagua-section[data-active=kan] .bagua-foreground-atmosphere,.bagua-section[data-active=xun] .bagua-foreground-atmosphere{z-index:6}.signature-scene[data-in-view=false] .eight-state-material,.bagua-section[data-in-view=false] .eight-state-material{content-visibility:auto}.signature-scene[data-in-view=false] .eight-state-material *,.bagua-section[data-in-view=false] .eight-state-material *,.signature-scene[data-in-view=false] .ambient-motion,.phase-panel[data-in-view=false] .ambient-motion,.bagua-section[data-in-view=false] .ambient-motion,.xiangwai[data-energy=yin] .ambient-motion{animation-play-state:paused!important}.xiangwai[data-performance=low] .composite-state__picture--echo,.xiangwai[data-performance=low] .composite-state__mist--two,.xiangwai[data-performance=low] .composite-state__material-plane--two{display:none}.xiangwai[data-performance=low] .composite-state__mist{filter:none;opacity:.22}.xiangwai[data-performance=low] .state-media__qian-ascent,.xiangwai[data-performance=low] .state-media__dui-mirror,.xiangwai[data-performance=low] .state-media__xun-veil,.xiangwai[data-performance=low] .state-media__kan-reflection,.xiangwai[data-performance=low] .state-media__xun-air,.xiangwai[data-performance=low] .state-media__kan-fog{display:none}.xiangwai[data-performance=low] .state-media__picture,.xiangwai[data-performance=low] .state-media__qian-light{filter:none;animation:none!important}@media (max-width:768px){.eight-state-material--signature,.eight-state-material--bagua{overflow:hidden}.state-media__qian-field,.state-media__qian-ascent{inset:-8vh -61vw -4vh -35vw}.state-media__dui-space,.state-media__dui-mirror{width:183vw;right:-76vw}.state-media__li-shadow,.state-media__li-reveal{width:170vw;right:-72vw}.state-media__li-source{bottom:18vh;right:23vw}.state-media__zhen-still,.state-media__zhen-left,.state-media__zhen-right{width:174vw;right:-68vw}.state-media__xun-back,.state-media__xun-veil,.state-media__xun-front{width:188vw;right:-79vw}.state-media__kan-depth,.state-media__kan-surface,.state-media__kan-stone,.state-media__kan-reflection{width:184vw;right:-77vw}.state-media__gen-obstacle{width:194vw;right:-92vw}.state-media__kun-plate{clip-path:inset(0);width:auto;height:auto;inset:-2vh -34vw -4vh}.state-media__qian-ascent,.state-media__dui-mirror,.state-media__xun-veil,.state-media__kan-reflection{display:none}.state-media__xun-air,.state-media__kan-fog{filter:blur(9px);opacity:.25}.bagua-section[data-focus=active][data-active=li] .bagua-reading,.bagua-section[data-focus=active][data-active=kan] .bagua-reading,.bagua-section[data-focus=active][data-active=gen] .bagua-reading{-webkit-backdrop-filter:none;backdrop-filter:none}.bagua-section[data-focus=active][data-active=kun] .bagua-reading{transform:translateY(-4vh)}}@media (prefers-reduced-motion:reduce){.eight-state-material,.state-media__picture,.state-media__qian-light,.state-media__dui-horizon,.state-media__li-source,.state-media__zhen-fault,.state-media__xun-air,.state-media__kan-fog{transform:none;transition-duration:.01ms!important;animation:none!important}.eight-state-material--outgoing{display:none}.signature-scene[data-change-phase=break] .eight-state-material--signature:not(.eight-state-material--outgoing){clip-path:inset(0);filter:none}.bagua-section[data-focus=active] .eight-state-material--bagua{clip-path:inset(0);opacity:1}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.changing-line{position:absolute}.changing-line__gap{transform:translate(-50%)scaleX(1)}.manifesto-line>span{transform:translateY(0)}.void-manifesto{opacity:1}.void-glyph{opacity:.08;transform:none}.generation-stage__label{opacity:0}.generation-stage__label--bagua{opacity:.56}.liangyi-structures,.four-states{display:none}.opening-bagua{opacity:.58}.opening-bagua__trigram{opacity:.74}.opening-bagua__trigram:first-child{transform:translate(-105%,-50%)}.opening-bagua__trigram:last-child{transform:translate(5%,-50%)}.opening-bagua__trigram .yao-line[data-line-index="2"]{opacity:1;transform:scaleX(1)}.opening-bagua__unicode{opacity:.5}}.xiangwai{--pointer-x:.5;--pointer-y:.5;--pointer-x-px:50vw;--pointer-y-px:50vh;--line-origin:50%;--line-tension:0}.changing-line__tension{top:-1px;left:var(--line-origin);background:var(--ink);width:clamp(80px,18vw,310px);height:3px;opacity:calc(var(--line-tension) * .72);transform:translateX(-50%) scaleX(calc(.38 + var(--line-tension) * .62));transform-origin:50%;filter:blur(calc((1 - var(--line-tension)) * .7px));position:absolute}.xiangwai[data-trigram=qian] .site-mark{letter-spacing:.24em}.xiangwai[data-trigram=dui] .site-mark{transform:translateY(2px)}.xiangwai[data-trigram=li] .site-mark{color:var(--cinnabar)}.xiangwai[data-trigram=zhen] .site-mark{transform:translate(4px)}.xiangwai[data-trigram=xun] .site-mark{transform:skew(-3deg)}.xiangwai[data-trigram=kan] .site-mark{transform:translateY(5px)}.xiangwai[data-trigram=gen] .site-mark{letter-spacing:.06em}.xiangwai[data-trigram=kun] .site-mark{transform:translateY(3px)scaleX(1.04)}.site-mark{transition:color .5s,letter-spacing .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.four-states{pointer-events:none;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:clamp(38px,7vw,116px);width:min(76vw,980px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.four-state{clip-path:inset(50%);opacity:0;width:100%;display:block}.pair-glyph{gap:clamp(12px,1.5vh,18px);width:100%;display:grid}.pair-glyph .yao-line{height:1px}.opening-bagua{pointer-events:none;transform-origin:50%;grid-template-columns:repeat(4,minmax(0,1fr));width:min(84vw,1120px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opening-bagua__group{height:clamp(118px,18vh,176px);display:block;position:relative}.opening-bagua__trigram{opacity:0;justify-items:center;width:clamp(54px,6vw,86px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opening-bagua__trigram .trigram-glyph{gap:clamp(10px,1.2vh,15px);width:100%}.opening-bagua__trigram .yao-line{height:1px}.opening-bagua__trigram .yao-line[data-line-index="2"]{opacity:0;transform-origin:50%;transform:scaleX(0)}.opening-bagua__unicode{font-family:var(--font-cn);opacity:0;margin-top:clamp(20px,3vh,30px);font-size:clamp(18px,2vw,30px);font-style:normal;font-weight:300;line-height:1}.signature-scene{z-index:4;background:var(--paper);min-height:178dvh;position:relative;overflow:clip}.signature-stage{background:var(--paper);min-height:100dvh;position:sticky;top:0;overflow:hidden}.signature-world{background:radial-gradient(circle at calc(var(--pointer-x) * 100%) calc(var(--pointer-y) * 100%), #ffffff6b, transparent 20vw), var(--paper);transition:background .75s;position:absolute;inset:0;overflow:hidden}.signature-light{top:calc(var(--pointer-y) * 100% - 18vw);left:calc(var(--pointer-x) * 100% - 18vw);z-index:2;filter:blur(34px);opacity:.24;background:#ffffffad;border-radius:50%;width:36vw;height:36vw;transition:opacity .6s,background .6s;position:absolute}.signature-grid{z-index:1;opacity:.1;transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.signature-grid>span{background:var(--ink);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .55s;display:block;position:absolute}.signature-grid>span:nth-child(-n+4){width:1px;top:0;bottom:0}.signature-grid>span:first-child{left:12%}.signature-grid>span:nth-child(2){left:36%}.signature-grid>span:nth-child(3){left:64%}.signature-grid>span:nth-child(4){left:88%}.signature-grid>span:nth-child(n+5){height:1px;left:0;right:0}.signature-grid>span:nth-child(5){top:24%}.signature-grid>span:nth-child(6){top:52%}.signature-grid>span:nth-child(7){top:78%}.signature-cut{z-index:3;background:var(--ink);opacity:0;width:1px;height:120vh;transition:opacity .25s,transform .7s cubic-bezier(.16,1,.3,1);position:absolute;top:-10vh;right:17vw;transform:rotate(10deg)scaleY(.1)}.change-material{z-index:2;pointer-events:none;position:absolute;inset:0}.change-material img{object-fit:cover;opacity:0;filter:grayscale()contrast(1.1);width:58vw;height:72vh;transition:opacity .6s,transform .85s cubic-bezier(.16,1,.3,1),clip-path .85s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;right:-6vw}.change-material__wind{object-position:63% center;clip-path:polygon(22% 0,100% 0,89% 100%,5% 100%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 82%,#0000)}.change-material__water{object-position:40% 68%;clip-path:inset(42% 0 0 12%);-webkit-mask-image:linear-gradient(#0000,#000 38% 84%,#0000);mask-image:linear-gradient(#0000,#000 38% 84%,#0000)}.change-material__mountain{object-position:52% 54%;clip-path:inset(13% 0 0 28%);-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 26% 100%);mask-image:linear-gradient(90deg,#0000 5%,#000 26% 100%);filter:grayscale()brightness(.42)contrast(1.36)!important;width:72vw!important;height:88vh!important;right:-12vw!important}.signature-world__copy{z-index:5;text-align:right;justify-items:end;max-width:34vw;animation:.62s cubic-bezier(.16,1,.3,1) both world-copy-change;display:grid;position:absolute;top:16vh;right:7vw}.signature-world__copy span,.signature-world__copy i{font-family:var(--font-mono);letter-spacing:.18em;font-size:8px;font-style:normal}.signature-world__copy strong{font-family:var(--font-cn);letter-spacing:-.045em;margin-top:10px;font-size:clamp(26px,4.2vw,74px);font-weight:300}.signature-world__copy i{opacity:.54;margin-top:12px}@keyframes world-copy-change{0%{clip-path:inset(0 0 100%);transform:translate(4vw)}to{clip-path:inset(0);transform:translate(0)}}.signature-instrument{z-index:8;width:min(43vw,680px);position:absolute;top:21vh;left:clamp(24px,7vw,122px)}.signature-instrument__head{gap:10px;margin-bottom:clamp(34px,6vh,74px);display:grid}.signature-instrument__head p{font-family:var(--font-cn);letter-spacing:.08em;margin:0;font-size:clamp(19px,2.1vw,34px);font-weight:300}.signature-instrument__head span,.signature-controls{font-family:var(--font-mono);letter-spacing:.17em;font-size:8px}.mutable-trigram{gap:clamp(18px,3.1vh,34px);display:grid}.mutable-yao{cursor:pointer;justify-content:space-between;width:100%;min-height:28px;display:flex;position:relative}.mutable-yao>span{background:var(--ink);transform-origin:50%;width:100%;height:3px;margin-top:12px;transition:width .52s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1),background .35s;display:block}.mutable-yao--yang>span:nth-child(2){width:0}.mutable-yao--yin>span{width:42%}:is(.mutable-yao:hover>span,.mutable-yao:focus-visible>span){background:var(--cinnabar);transform:scaleY(1.7)}.mutable-yao:active>span{transform:scaleY(.6)}.mutable-yao>i{font-family:var(--font-cn);letter-spacing:.12em;opacity:0;font-size:8px;font-style:normal;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:7px;right:-52px}:is(.mutable-yao:hover>i,.mutable-yao:focus-visible>i){opacity:.48;transform:translate(7px)}.signature-controls{opacity:.55;justify-content:space-between;align-items:center;margin-top:clamp(30px,5vh,58px);display:flex}.signature-controls button{cursor:pointer;min-height:44px;letter-spacing:inherit;padding-inline:12px}.signature-statement{z-index:9;text-align:left;clip-path:inset(100% 0 0);justify-items:start;max-width:48vw;transition:clip-path .9s cubic-bezier(.16,1,.3,1) .18s;display:grid;position:absolute;bottom:8vh;left:7vw;right:auto}.signature-scene--changed .signature-statement{clip-path:inset(0)}.signature-statement p{font-family:var(--font-cn);letter-spacing:.04em;margin:0;font-size:clamp(20px,3vw,52px);font-weight:300}.signature-statement span,.signature-statement strong{font-family:var(--font-mono);letter-spacing:.18em;margin-top:12px;font-size:8px;font-weight:400}.signature-statement strong{margin-top:24px}.xiangwai:not([data-signature=ready]) .signature-grid{opacity:0;transform:scaleX(.6)}.signature-scene[data-trigram=qian] .signature-grid{transform:translateY(-6vh)scaleX(1.08)}.signature-scene[data-trigram=qian] .signature-grid>span:nth-child(n+5){transform:scaleX(1.16)}.signature-scene[data-trigram=qian] .signature-light{opacity:.72}.signature-scene[data-trigram=dui] .signature-grid{transform:perspective(700px)rotateX(58deg)translateY(18vh)}.signature-scene[data-trigram=dui] .signature-grid>span:nth-child(-n+4){opacity:.28}.signature-scene[data-trigram=dui] .signature-world__copy{top:auto;bottom:18vh}.signature-scene[data-trigram=li] .signature-light{opacity:.9;background:#993b3057}.signature-scene[data-trigram=li] .signature-cut{opacity:.8;transform:rotate(10deg)scaleY(1)}.signature-scene[data-trigram=zhen][data-mutation="0"] .signature-world{animation:.32s cubic-bezier(.7,0,.2,1) both signature-shock-a}.signature-scene[data-trigram=zhen][data-mutation="1"] .signature-world{animation:.32s cubic-bezier(.7,0,.2,1) both signature-shock-b}@keyframes signature-shock-a{0%,62%{transform:translate(0)}72%{transform:translate(9px)}to{transform:translate(0)}}@keyframes signature-shock-b{0%,62%{transform:translate(0)}72%{transform:translate(-9px)}to{transform:translate(0)}}.signature-scene[data-trigram=xun] .signature-grid{transform:skewX(-8deg) translateX(calc((var(--pointer-x) - .5) * 6vw))}.signature-scene[data-trigram=xun] .change-material__wind{opacity:.32;transform:translateX(calc((var(--pointer-x) - .5) * 3vw))}.signature-scene[data-trigram=kan] .signature-world{background:linear-gradient(180deg, var(--paper) 12%, #d9e0df 100%)}.signature-scene[data-trigram=kan] .signature-grid{transform:translateY(14vh)}.signature-scene[data-trigram=kan] .change-material__water{opacity:.42;transform:translateY(calc((var(--pointer-y) - .5) * 2vh))}.signature-scene[data-trigram=kan] .signature-world__copy{top:46vh}.signature-scene[data-trigram=gen] .signature-grid{opacity:.03;transform:none}.signature-scene[data-trigram=gen] .signature-world__copy{right:46vw}.signature-scene[data-trigram=kun] .signature-grid{transform:translateY(12vh)scaleX(1.16)}.signature-scene[data-trigram=kun] .signature-grid>span:nth-child(-n+4){opacity:0}.signature-scene[data-trigram=kun] .signature-world__copy{top:auto;bottom:20vh}.wood-growth-field{pointer-events:auto;width:99%;height:89%;position:absolute;inset:8vh 1vw 3vh 0}.wood-breath{width:70%;height:88%;transform:scale(calc(.98 + var(--pointer-y) * .05));transform-origin:100% 100%;background:radial-gradient(at 72% 66%,#4c655926,#0000 54%);position:absolute;top:4%;right:2%}.fire-heat{width:52vw;transform:skewX(calc((var(--pointer-x) - .5) * 4deg));filter:blur(1.2px);background:repeating-linear-gradient(92deg,#0000 0 6vw,#993b300a 6vw 6.08vw);position:absolute;top:8vh;bottom:7vh;right:4vw}.fire-burst{clip-path:circle(0% at 50% 82%);background:radial-gradient(circle at 56% 78%,#993b30c7,#993b3029 23%,#0000 57%);width:48vw;height:82vh;position:absolute;bottom:3vh;right:7vw}.phase--earth{background:linear-gradient(180deg, var(--paper) 0 58%, #d9d6ce 58% 100%)}.earth-mass{clip-path:polygon(16% 18%,100% 0,100% 100%,0 100%);opacity:.94;background:#242725;width:61vw;height:48vh;position:absolute;bottom:-5vh;right:-4vw}.earth-sediment{background:#f1f0eb8a;height:1px;position:absolute;right:3vw}.earth-sediment--one{width:43vw;bottom:31vh}.earth-sediment--two{width:36vw;bottom:21vh}.earth-sediment--three{width:49vw;bottom:11vh}.phase--earth .phase-copy{transform:translateY(-39%) translateX(calc((var(--pointer-x) - .5) * 3px))}.metal-slice{clip-path:polygon(19% 0,100% 0,82% 100%,0 100%);background:linear-gradient(98deg,#ffffff08,#ffffff8f,#17191812);border-left:1px solid #ffffffb8;border-right:1px solid #171918a8;width:clamp(90px,13vw,220px);position:absolute;top:12vh;bottom:9vh}.metal-slice--one{right:31vw}.metal-slice--two{top:4vh;bottom:2vh;right:18vw}.metal-slice--three{top:22vh;bottom:15vh;right:5vw}.metal-blade{background:#202321;width:2.2vw;height:116vh;position:absolute;top:-8vh;right:26vw;transform:rotate(8deg)}.water-world{width:55vw;height:78vh;position:absolute;top:9vh;right:2vw;overflow:visible}.water-world img{object-fit:cover;object-position:41% 65%;filter:grayscale(.8)contrast(1.06)saturate(.6);width:100%;height:100%;position:absolute;inset:0}.water-surface{clip-path:inset(48% 0 0 7%);-webkit-mask-image:linear-gradient(#0000 40%,#000 52% 100%);mask-image:linear-gradient(#0000 40%,#000 52% 100%)}.water-stone-subject{clip-path:polygon(26% 13%,72% 5%,83% 52%,65% 68%,21% 62%,8% 42%);transform:scale(1.03) translateY(calc((var(--pointer-y) - .5) * 1.8vh));transform-origin:46% 48%;-webkit-mask-image:radial-gradient(at 45% 43%,#000 0 44%,#0000 68%);mask-image:radial-gradient(at 45% 43%,#000 0 44%,#0000 68%)}.water-delayed-reflection{clip-path:inset(50% 0 0 7%);opacity:.2;transform:scaleY(-1) translateX(calc((var(--pointer-x) - .5) * -2.5vw));transform-origin:50%;-webkit-mask-image:linear-gradient(#0000008a,#0000 89%);mask-image:linear-gradient(#0000008a,#0000 89%);filter:grayscale()blur(2.4px)!important}.water-ripple{background:radial-gradient(ellipse at calc(var(--pointer-x) * 100%) 42%, transparent 0 19%, #ffffff3d 19.4% 19.8%, transparent 20.2% 33%, #ffffff26 33.4% 33.8%, transparent 34.2%);width:84%;height:42%;position:absolute;bottom:4%;right:5%;transform:perspective(500px)rotateX(64deg)}.water-mist{filter:blur(18px);width:90%;height:20%;transform:translateX(calc((var(--pointer-x) - .5) * 5vw));background:linear-gradient(90deg,#0000,#f1f0ebc7,#0000);position:absolute;top:21%;right:-7%}.space-yao-grid{z-index:3;opacity:.13;transform-origin:50%;gap:clamp(28px,7vh,76px);width:68vw;display:grid;position:absolute;top:18vh;right:-6vw}.space-yao-row{justify-content:space-between;width:100%;height:clamp(18px,3.5vh,38px);display:flex}.space-yao-row i{background:var(--ink);width:100%;height:100%;display:block}.space-yao-row--yin i{width:42%}.abstract-material,.xun-material,.kan-material,.gen-material{z-index:2;position:absolute;inset:0}.abstract-material--qian{background:linear-gradient(#ffffffa3,#0000 44%)}.abstract-material--dui{background:linear-gradient(#0000 50%,#bcc8c742 50%,#ffffff6b 68%,#0000 86%)}.abstract-material--li{background:radial-gradient(circle at calc(var(--pointer-x) * 100%) calc(var(--pointer-y) * 100%), #993b305c, #ffffff7a 12%, transparent 27%)}.abstract-material--zhen:before{content:"";background:var(--ink);width:2px;height:100%;position:absolute;top:0;left:31%;transform:skew(-7deg)}.abstract-material--kun{background:linear-gradient(#0000 58%,#75655329 58%)}.bagua-space--qian .space-yao-grid{animation:1.2s cubic-bezier(.16,1,.3,1) both qian-open;transform:translateY(-8vh)scaleX(1.12)}@keyframes qian-open{0%{clip-path:inset(0 45%)}to{clip-path:inset(0)}}.bagua-space--dui .space-yao-grid{opacity:.2;transform:perspective(760px)rotateX(63deg)translateY(25vh)}.bagua-space--dui:after{content:"";background:#ffffffd1;height:1px;position:absolute;bottom:17vh;left:0;right:0;box-shadow:0 18px 55px #7085863d}.bagua-space--li .space-yao-grid{opacity:.05;transform:rotate(7deg)}@keyframes zhen-shift{0%,72%{transform:translate(0)}78%{transform:translate(11px)}84%{transform:translate(-3px)}to{transform:translate(0)}}.bagua-space--zhen .space-yao-grid{opacity:.09;transform:skew(-4deg)}.xun-material img,.kan-material img,.gen-material img{object-fit:cover;filter:grayscale();max-width:none;position:absolute!important}.xun-material img{object-position:62% center!important;clip-path:none!important;width:72vw!important;height:82vh!important;bottom:-2vh!important;right:-8vw!important;-webkit-mask-image:none!important;mask-image:none!important}.xun-material__back{transform:translateX(calc((var(--pointer-x) - .5) * 1.8vw));opacity:.18!important;filter:grayscale()contrast(.82)blur(1px)!important;clip-path:inset(0 34% 0 0)!important}.xun-material__mist{transform:translateX(calc((var(--pointer-x) - .5) * 4.4vw));opacity:.2!important;filter:grayscale()brightness(1.24)blur(8px)!important;clip-path:inset(10% 5% 8% 24%)!important;-webkit-mask-image:linear-gradient(90deg,#0000,#000 26%,#0000 86%)!important;mask-image:linear-gradient(90deg,#0000,#000 26%,#0000 86%)!important}.xun-material__front{transform:translateX(calc((var(--pointer-x) - .5) * 7vw));opacity:.34!important;clip-path:polygon(54% 0,100% 0,100% 100%,38% 100%)!important;-webkit-mask-image:linear-gradient(90deg,#0000,#000 42%)!important;mask-image:linear-gradient(90deg,#0000,#000 42%)!important}.bagua-space--xun .space-yao-grid{opacity:.07;transform:skewX(-7deg) translateX(calc((var(--pointer-x) - .5) * 4vw))}.kan-material img{object-position:42% 68%!important;clip-path:none!important;width:76vw!important;height:84vh!important;bottom:-5vh!important;right:-10vw!important;-webkit-mask-image:none!important;mask-image:none!important}.kan-material__water{opacity:.4!important;clip-path:inset(49% 0 0)!important;-webkit-mask-image:linear-gradient(#0000 40%,#000 53%)!important;mask-image:linear-gradient(#0000 40%,#000 53%)!important}.kan-material__stone{transform:translateY(calc((var(--pointer-y) - .5) * 2vh));opacity:.54!important;clip-path:polygon(15% 5%,72% 0,82% 58%,59% 70%,6% 54%)!important;-webkit-mask-image:radial-gradient(at 42% 42%,#000 0 44%,#0000 69%)!important;mask-image:radial-gradient(at 42% 42%,#000 0 44%,#0000 69%)!important}.kan-material__reflection{transform:scaleY(-1) translateX(calc((var(--pointer-x) - .5) * -3vw));transform-origin:50%;opacity:.22!important;clip-path:inset(50% 0 0)!important;filter:grayscale()blur(3px)!important;-webkit-mask-image:linear-gradient(#000,#0000 84%)!important;mask-image:linear-gradient(#000,#0000 84%)!important}.kan-material__mist{filter:blur(20px);width:68vw;height:12vh;transform:translateX(calc((var(--pointer-x) - .5) * 7vw));background:linear-gradient(90deg,#0000,#f1f0ebd6,#0000);position:absolute;top:42%;right:-2vw}.bagua-space--kan{background:linear-gradient(180deg, var(--paper) 16%, #cfd8d8 100%)}.bagua-space--kan .space-yao-grid{opacity:.08;transform:translateY(18vh)scaleX(.94)}.gen-material img{object-position:51% 54%!important;opacity:.9!important;filter:grayscale()brightness(.35)contrast(1.42)!important;clip-path:inset(8% 0 0 21%)!important;width:79vw!important;height:94vh!important;bottom:-5vh!important;right:-12vw!important;-webkit-mask-image:linear-gradient(90deg,#0000 1%,#000 22% 100%)!important;mask-image:linear-gradient(90deg,#0000 1%,#000 22% 100%)!important}.bagua-space--gen .space-yao-grid{opacity:.025;transform:none}.bagua-section[data-active=gen] .bagua-reading{color:var(--ink);background:#f1f0ebe6;padding:18px 18px 28px}.bagua-section[data-active=gen] .ambient-motion{transition-duration:1.4s!important;animation-play-state:paused!important}.bagua-section[data-active=gen] .material-motion{transform:none!important}.bagua-space--kun .space-yao-grid{opacity:.11;transform:translateY(22vh)scaleX(1.18)}.bagua-space--kun .space-yao-grid .space-yao-row{height:2px}.phase-panel[data-in-view=false] .ambient-motion,.signature-scene[data-in-view=false] .ambient-motion,.bagua-section[data-in-view=false] .ambient-motion{animation-play-state:paused!important}.xiangwai[data-performance=low] .xun-material__mist,.xiangwai[data-performance=low] .water-ripple,.xiangwai[data-performance=low] .kan-material__reflection{display:none}.xiangwai[data-performance=low] .signature-light,.xiangwai[data-performance=low] .water-mist,.xiangwai[data-performance=low] .kan-material__mist{filter:none;opacity:.18}@media (max-width:768px){.generation-stage{top:calc(50% - 88px)}.liangyi-structures{gap:42px;width:74vw}.four-states{gap:7vw;width:88vw}.pair-glyph{gap:12px}.opening-bagua{width:94vw}.opening-bagua__group{height:132px}.opening-bagua__trigram{width:clamp(32px,9vw,42px)}.opening-bagua__trigram .trigram-glyph{gap:8px}.opening-bagua__unicode{margin-top:18px;font-size:18px}.signature-scene{min-height:154svh}.signature-instrument{width:calc(100vw - 54px);top:18vh;left:18px}.signature-instrument__head{margin-bottom:7vh}.signature-instrument__head p{font-size:20px}.mutable-trigram{gap:3.2vh}.mutable-yao>span{height:2px}.mutable-yao>i{right:-34px}.signature-controls{align-items:flex-start;gap:20px}.signature-controls>span{max-width:22ch;line-height:1.7}.signature-statement{max-width:none;bottom:7vh;left:18px;right:18px}.signature-statement p{font-size:6.2vw}.signature-world__copy{max-width:72vw;top:9vh;right:18px}.signature-world__copy strong{font-size:28px}.change-material img{opacity:0;width:118vw;height:65vh;right:-42vw}.change-material__mountain{width:136vw!important;height:72vh!important;bottom:-3vh!important;right:-52vw!important}.signature-scene[data-trigram=gen] .signature-world__copy{left:18px;right:auto}.signature-grid>span:first-child{left:8%}.signature-grid>span:nth-child(4){left:92%}.wood-growth-field{height:64%;inset:32vh 0 2vh}.earth-mass{width:108vw;height:43vh;right:-22vw}.phase--earth .phase-copy{transform:none}.earth-sediment--one{width:82vw}.earth-sediment--two{width:70vw}.earth-sediment--three{width:90vw}.metal-slice--one{right:50vw}.metal-slice--two{right:25vw}.metal-slice--three{right:0}.metal-blade{width:5vw;right:42vw}.water-world{width:116vw;height:55vh;top:auto;bottom:0;right:-21vw}.space-yao-grid{gap:5vh;width:112vw;top:23vh;right:-30vw}.xun-material img,.kan-material img{width:142vw!important;height:62vh!important;right:-53vw!important}.gen-material img{width:163vw!important;height:67vh!important;right:-72vw!important}}@media (prefers-reduced-motion:reduce){.four-state{clip-path:inset(0)}.xiangwai:not([data-signature=ready]) .signature-grid{opacity:.1;transform:none}.signature-world__copy,.bagua-space--qian,.bagua-space--zhen,.signature-scene[data-trigram=zhen] .signature-world{animation:none!important}.signature-light,.wood-breath,.fire-heat,.water-ripple,.water-mist,.kan-material__mist{transform:none!important}}body{font-kerning:normal;font-synthesis:none;font-optical-sizing:auto;font-feature-settings:"kern" 1, "liga" 1, "clig" 1}.phase-english,.bagua-heading,.signature-world__copy strong,.bagua-reading__name{text-wrap:balance}.manifesto-line{letter-spacing:-.047em;padding:.05em 0 .09em;line-height:.94}.manifesto-line>span{align-items:baseline;gap:.16em;width:max-content;display:flex}.manifesto-line b{font:inherit;letter-spacing:inherit}.signature-instrument__head p{letter-spacing:.045em;max-width:18ch;line-height:1.45}.signature-world__copy strong,.bagua-reading__name{line-height:1.02}.phase-english{word-spacing:.11em;line-height:.92}.bagua-heading{padding-block:.04em .1em;line-height:.92}.bagua-heading>span,.void-manifesto small,.signature-instrument__head>span,.signature-controls,.trigram-image,.bagua-reading__code{word-spacing:.12em}:is(.mutable-yao:hover>span,.mutable-yao:focus-visible>span){background:var(--ink)}.signature-controls button[aria-pressed=true]{color:var(--ink)}.signature-scene[data-change-phase=break] .mutable-yao--changing>span{background:var(--cinnabar);transform:scaleY(2.35)}.signature-world:after{z-index:12;pointer-events:none;content:"";background:var(--cinnabar);opacity:0;transform-origin:50%;height:2px;transition:transform .15s cubic-bezier(.76,0,.24,1),opacity .15s linear;position:absolute;top:50%;left:-4vw;right:-4vw;transform:scaleX(0)}.signature-scene[data-change-phase=break] .signature-world:after{opacity:.92;transform:scaleX(1)}.signature-scene[data-change-phase=reform] .signature-world:after{opacity:0;transition-duration:.32s;transform:scaleX(1)}.signature-yao-space{z-index:2;pointer-events:none;opacity:.12;transform-origin:50%;gap:clamp(30px,7.2vh,78px);width:65vw;transition:transform .76s cubic-bezier(.16,1,.3,1),opacity .42s;display:grid;position:absolute;top:19vh;right:-3vw}.signature-space-row{transform-origin:50%;justify-content:space-between;width:100%;height:clamp(12px,2.5vh,30px);transition:height .68s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),opacity .34s;display:flex}.signature-space-row i{background:var(--ink);transform-origin:50%;width:100%;height:100%;transition:width .54s cubic-bezier(.16,1,.3,1),background .2s linear,transform .72s cubic-bezier(.16,1,.3,1);display:block}.signature-space-row--yin i{width:42%}.signature-scene[data-change-phase=break] .signature-grid{opacity:.26;transition-duration:.15s;transform:scaleX(.16)}.signature-scene[data-change-phase=break] .signature-world__copy{opacity:.12;transform:translate(3vw)}.signature-scene[data-change-phase=break] .signature-space-row:not(.signature-space-row--changed){opacity:0;transition-duration:.15s;transform:scaleX(.18)}.signature-scene[data-change-phase=break] .signature-space-row--changed{height:3px;transition-duration:.15s;transform:scaleX(1.12)}.signature-scene[data-change-phase=break] .signature-space-row--changed i{background:var(--cinnabar)}.signature-scene[data-change-phase=reform] .signature-yao-space{transition-duration:.72s}.signature-scene[data-trigram=qian] .signature-yao-space{opacity:.14;width:76vw;transform:translate(3vw,-8vh)scaleX(1.08)}.signature-scene[data-trigram=qian] .signature-space-row{height:clamp(5px,.8vh,10px)}.signature-scene[data-trigram=dui] .signature-yao-space{opacity:.2;transform:perspective(800px)rotateX(61deg)translateY(25vh)scaleX(1.08)}.signature-scene[data-trigram=li] .signature-yao-space{opacity:.065;transform:rotate(7deg)scaleX(1.05)}.signature-scene[data-trigram=li] .signature-space-row[data-line-index="1"] i{background:var(--cinnabar);box-shadow:0 0 44px #993b3052}.signature-scene[data-trigram=zhen] .signature-yao-space{opacity:.11;transform:skew(-4deg)}.signature-scene[data-trigram=xun] .signature-yao-space{opacity:.07;transform:skewX(-8deg) translateX(calc((var(--pointer-x) - .5) * 4vw))}.signature-scene[data-trigram=kan] .signature-yao-space{opacity:.085;transform:translateY(19vh)scaleX(.94)}.signature-scene[data-trigram=gen] .signature-yao-space{opacity:.98;gap:4vh;width:88vw;top:11vh;right:-10vw}.signature-scene[data-trigram=gen] .signature-space-row:not([data-line-index="2"]){opacity:.08;height:1px;transform:scaleX(.62)}.signature-scene[data-trigram=gen] .signature-space-row[data-line-index="2"]{height:44vh;transform:translate(8vw,2vh)scaleX(1.08)}.signature-scene[data-trigram=gen] .signature-space-row[data-line-index="2"] i{background:#0d0f0e}.signature-scene[data-trigram=kun] .signature-yao-space{opacity:.13;gap:5vh;width:76vw;top:auto;bottom:14vh;transform:scaleX(1.14)}.signature-scene[data-trigram=kun] .signature-space-row{height:2px}.change-material{z-index:3}.change-material>div{pointer-events:none;opacity:0;transition:opacity .64s,transform .82s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.change-material__wind img,.change-material__water img{object-fit:cover;opacity:1;clip-path:none;filter:grayscale();max-width:none;-webkit-mask-image:none;mask-image:none;width:82vw!important;height:92vh!important;position:absolute!important;bottom:-7vh!important;right:-18vw!important}.change-wind__back{object-position:55% center;transform:translateX(calc((var(--pointer-x) - .5) * 1.5vw));opacity:.16!important;clip-path:inset(0 30% 0 0)!important}.change-wind__air{object-position:66% center;transform:translateX(calc((var(--pointer-x) - .5) * 4vw));opacity:.19!important;filter:grayscale()brightness(1.22)blur(8px)!important;clip-path:inset(8% 4% 5% 22%)!important;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28%,#0000 86%)!important;mask-image:linear-gradient(90deg,#0000,#000 28%,#0000 86%)!important}.change-wind__front{object-position:72% center;transform:translateX(calc((var(--pointer-x) - .5) * 7vw));opacity:.36!important;clip-path:polygon(51% 0,100% 0,100% 100%,34% 100%)!important;-webkit-mask-image:linear-gradient(90deg,#0000,#000 42%)!important;mask-image:linear-gradient(90deg,#0000,#000 42%)!important}.change-water__surface{object-position:40% 69%;opacity:.44!important;clip-path:inset(47% 0 0)!important;-webkit-mask-image:linear-gradient(#0000 39%,#000 52% 100%)!important;mask-image:linear-gradient(#0000 39%,#000 52% 100%)!important}.change-water__stone{object-position:40% 65%;transform:translateY(calc((var(--pointer-y) - .5) * 2vh));opacity:.58!important;clip-path:polygon(10% 8%,70% 0,83% 57%,58% 71%,4% 57%)!important;-webkit-mask-image:radial-gradient(at 42% 42%,#000 0 43%,#0000 68%)!important;mask-image:radial-gradient(at 42% 42%,#000 0 43%,#0000 68%)!important}.change-water__reflection{object-position:40% 67%;transform:scaleY(-1) translateX(calc((var(--pointer-x) - .5) * -3.4vw));transform-origin:50%;opacity:.21!important;clip-path:inset(50% 0 0)!important;filter:grayscale()blur(3px)!important;-webkit-mask-image:linear-gradient(#000,#0000 86%)!important;mask-image:linear-gradient(#000,#0000 86%)!important}.change-water__mist{filter:blur(20px);width:80vw;height:13vh;transform:translateX(calc((var(--pointer-x) - .5) * 7vw));background:linear-gradient(90deg,#0000,#f1f0ebdb,#0000);position:absolute;top:45%;right:-10vw}.signature-scene[data-trigram=kan] .change-material__water{opacity:1}.change-material__mountain{object-position:51% 54%;clip-path:inset(5% 0 0 17%);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 20% 100%);mask-image:linear-gradient(90deg,#0000 0,#000 20% 100%);width:86vw!important;height:101vh!important;bottom:-5vh!important;right:-16vw!important}.signature-scene[data-trigram=gen] .signature-world__copy{color:var(--paper-lift);top:12vh;right:6vw}.signature-scene[data-trigram=gen] .signature-statement{max-width:38vw;color:var(--paper-lift);left:55vw;right:6vw}.signature-foreground-atmosphere,.bagua-foreground-atmosphere{z-index:11;pointer-events:none;filter:blur(18px);opacity:0;width:78vw;height:14vh;transform:translateX(calc((var(--pointer-x) - .5) * 7vw));background:linear-gradient(90deg,#0000,#f1f0ebbd,#0000);transition:opacity .65s;position:absolute}.signature-foreground-atmosphere{top:43%;right:-9vw}.signature-scene[data-trigram=kan] .signature-foreground-atmosphere,.signature-scene[data-trigram=xun] .signature-foreground-atmosphere{opacity:.36}.signature-scene[data-trigram=qian] .signature-world__copy{top:11vh;right:5vw}.signature-scene[data-trigram=li] .signature-world__copy{top:16vh;right:7vw}.signature-scene[data-trigram=zhen] .signature-world__copy{top:11vh;right:13vw}.signature-scene[data-trigram=xun] .signature-world__copy{top:12vh;right:9vw}.signature-scene[data-trigram=kan] .signature-world__copy{top:48vh;right:6vw}.signature-scene[data-trigram=gen] .signature-world__copy{top:16vh;right:45vw}.signature-scene[data-trigram=kun] .signature-world__copy{bottom:16vh;right:8vw}.bagua-space,.bagua-foreground-atmosphere{transition:opacity .72s cubic-bezier(.16,1,.3,1),filter .72s,transform .8s cubic-bezier(.16,1,.3,1)}.bagua-section[data-focus=quiet] .bagua-space{opacity:.035;filter:grayscale()contrast(.82);transform:scale(.985)}.bagua-section[data-focus=quiet] .trigram-cell,.bagua-section[data-focus=quiet] .trigram-cell--active{opacity:.42;background:0 0;transform:none}.bagua-section[data-focus=quiet] .bagua-reading{opacity:.44}.bagua-section[data-focus=active] .bagua-space{opacity:1}.bagua-section[data-focus=active] .trigram-cell:not(.trigram-cell--active){opacity:.09;transform:scale(.985)}.bagua-section[data-focus=active] .trigram-cell--active{opacity:1;background:#f7f6f1b8;transform:translateY(-7px)}.bagua-reading{transition:opacity .56s,background .56s,transform .7s cubic-bezier(.16,1,.3,1)}.bagua-section[data-focus=active] .bagua-reading{transform:translateY(-10px)}.bagua-section[data-focus=quiet] .bagua-space--li{background:0 0}.bagua-section[data-focus=active] .bagua-space--li{background:radial-gradient(circle at 74% 68%,#993b3047,#0000 21%)}.bagua-section[data-focus=active] .bagua-space--gen .space-yao-row[data-line-index="2"]{opacity:1}.kan-material__water{clip-path:polygon(0 45%,100% 36%,100% 100%,0 100%)!important}.bagua-foreground-atmosphere{opacity:0;top:55%;right:-8vw}.bagua-section[data-focus=active][data-active=kan] .bagua-foreground-atmosphere,.bagua-section[data-focus=active][data-active=xun] .bagua-foreground-atmosphere{opacity:.42}.xiangwai[data-performance=low] .change-wind__air,.xiangwai[data-performance=low] .change-water__reflection,.xiangwai[data-performance=low] .signature-foreground-atmosphere,.xiangwai[data-performance=low] .bagua-foreground-atmosphere{display:none}@media (max-width:768px){.manifesto-line{letter-spacing:-.04em;font-size:clamp(27px,9.2vw,42px);line-height:1}.manifesto-line>span{gap:.14em}.phase-english{font-size:clamp(54px,16vw,82px);line-height:.96}.bagua-heading{font-size:clamp(44px,13.6vw,74px);line-height:.96}.signature-yao-space{opacity:.08;gap:5vh;width:126vw;top:28vh;right:-42vw}.signature-scene[data-trigram=gen] .signature-yao-space{width:148vw;top:18vh;right:-52vw}.signature-scene[data-trigram=gen] .signature-space-row[data-line-index="2"]{height:32vh;transform:translate(12vw,4vh)scaleX(1.08)}.change-material__wind img,.change-material__water img{width:154vw!important;height:70vh!important;bottom:-3vh!important;right:-62vw!important}.change-material__mountain{width:164vw!important;height:76vh!important;right:-66vw!important}.signature-scene[data-trigram=gen] .signature-world__copy{color:var(--paper-lift);top:9vh;left:auto;right:18px}.signature-scene[data-trigram=gen] .signature-statement{max-width:none;bottom:6vh;left:38vw;right:18px}.signature-foreground-atmosphere{width:118vw;top:47%}.signature-scene[data-trigram=qian] .signature-world__copy,.signature-scene[data-trigram=li] .signature-world__copy,.signature-scene[data-trigram=zhen] .signature-world__copy,.signature-scene[data-trigram=xun] .signature-world__copy,.signature-scene[data-trigram=kan] .signature-world__copy,.signature-scene[data-trigram=gen] .signature-world__copy,.signature-scene[data-trigram=kun] .signature-world__copy{inset:9vh 18px auto auto}.xun-material img,.kan-material img{width:158vw!important;height:70vh!important;right:-67vw!important}.gen-material img{width:176vw!important;height:76vh!important;right:-78vw!important}}@media (prefers-reduced-motion:reduce){.signature-world:after{display:none}.signature-yao-space,.signature-space-row,.signature-space-row i,.change-material>div,.bagua-space,.bagua-reading,.trigram-cell,.signature-world__copy{transition-duration:.01ms!important;animation:none!important}.change-wind__back,.change-wind__air,.change-wind__front,.change-water__stone,.change-water__reflection,.change-water__mist,.signature-foreground-atmosphere,.bagua-foreground-atmosphere{transform:none!important}}@media (prefers-reduced-transparency:reduce){.site-index{background:var(--paper)}.xiangwai:before{-webkit-backdrop-filter:none;backdrop-filter:none}}:is(.mutable-yao:hover>span,.mutable-yao:focus-visible>span,.signature-controls button[aria-pressed=true]){color:var(--ink);background:var(--ink)}.signature-controls button[aria-pressed=true]{background:0 0}.signature-instrument__head p{letter-spacing:.045em;line-height:1.45}.mutable-yao:disabled{cursor:wait}.signature-scene[data-change-phase=break] .mutable-yao--changing>span,.signature-scene[data-change-phase=break] .signature-space-row--changed i{background:var(--cinnabar)}.change-material__wind,.change-material__water{clip-path:none;-webkit-mask-image:none;mask-image:none}.signature-scene[data-trigram=xun] .change-material__wind,.signature-scene[data-trigram=kan] .change-material__water{opacity:1}.change-material__mountain{clip-path:inset(5% 0 0 17%);width:86vw!important;height:101vh!important;bottom:-5vh!important;right:-16vw!important}.signature-scene[data-trigram=gen] .change-material__mountain{opacity:.86;transform:none}.bagua-space--zhen{animation:none}.xun-material img{width:88vw!important;height:103vh!important;bottom:-7vh!important;right:-20vw!important}.kan-material img{width:91vw!important;height:101vh!important;bottom:-8vh!important;right:-20vw!important}.gen-material img{clip-path:inset(3% 0 0 14%)!important;width:88vw!important;height:105vh!important;bottom:-7vh!important;right:-17vw!important}.bagua-section[data-focus=active] .bagua-space--gen .space-yao-grid{opacity:.96;gap:4vh;width:88vw;top:11vh;right:-10vw;transform:none}.bagua-section[data-focus=active] .bagua-space--gen .space-yao-row:not([data-line-index="2"]){opacity:.06;height:1px;transform:scaleX(.62)}.bagua-section[data-focus=active] .bagua-space--gen .space-yao-row[data-line-index="2"] i{background:#0d0f0e}@media (max-width:768px){.change-material__wind img,.change-material__water img{width:154vw!important;height:70vh!important;bottom:-3vh!important;right:-62vw!important}.change-material__mountain{width:164vw!important;height:76vh!important;right:-66vw!important}.xun-material img,.kan-material img{width:158vw!important;height:70vh!important;right:-67vw!important}.gen-material img{width:176vw!important;height:76vh!important;right:-78vw!important}.bagua-section[data-focus=active] .bagua-space--gen .space-yao-grid{width:148vw;right:-52vw}.bagua-section[data-focus=active] .bagua-space--gen .space-yao-row[data-line-index="2"]{height:32vh}}.bagua-section[data-focus=active] .bagua-space--li,.bagua-section[data-focus=active] .bagua-space--zhen{background:0 0}.bagua-section[data-focus=active] .bagua-space--zhen{animation:none}.signature-scene[data-in-view=false] .eight-state-material,.bagua-section[data-in-view=false] .eight-state-material,.signature-scene[data-in-view=false] .eight-state-material *,.bagua-section[data-in-view=false] .eight-state-material *{animation-play-state:paused!important}.bagua-section[data-in-view=true] .bagua-space{height:100dvh;position:fixed;inset:0}.bagua-section[data-in-view=false] .bagua-space{visibility:hidden;opacity:0!important}.eight-state-material--bagua{height:auto;position:absolute;inset:0}.water-depth-field,.water-current,.water-delayed-current{pointer-events:none;display:block;position:absolute;inset:0}.water-depth-field{clip-path:polygon(7% 42%,100% 29%,100% 100%,0 100%);background:linear-gradient(#0000 7%,#c7d0ce38 48%,#74848561 100%),radial-gradient(at 58% 74%,#f7f6f1b3,#0000 48%)}.water-current{clip-path:polygon(0 25%,71% 0,100% 39%,88% 100%,12% 82%);background:linear-gradient(165deg,#0000 4%,#e7ebe86b 37%,#5b6d6f40 100%);border-top:1px solid #f7f6f18a;height:34%;inset:auto -7% 7% 4%}.water-delayed-current{opacity:.52;height:31%;transform:scaleY(-1) translateX(calc((var(--pointer-x) - .5) * -2.4vw));transform-origin:top;background:linear-gradient(#70838533,#0000 86%);border-top:1px solid #f7f6f157;inset:auto 1% -7% 12%;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.state-media__qian-field{opacity:.91}.state-media__qian-ascent{opacity:.4}.state-media__dui-space{opacity:.74}.state-media__dui-mirror{opacity:.4}.state-media__li-shadow{opacity:.82}.state-media__li-reveal{opacity:.96}.state-media__zhen-still{opacity:.66}.state-media__zhen-left{opacity:.44}.state-media__zhen-right{opacity:.52}.state-media__xun-back{opacity:.46}.state-media__xun-veil{opacity:.31}.state-media__xun-front{opacity:.6}.state-media__kan-depth{opacity:.58}.state-media__kan-surface{opacity:.72}.state-media__kan-stone{opacity:.96}.state-media__kan-reflection{opacity:.38}.state-media__gen-obstacle{opacity:1}.state-media__kun-plate{opacity:.8}.bagua-section[data-focus=active] .bagua-matrix{border-top-color:#0000;border-left-color:#0000}.bagua-section[data-focus=active] .trigram-cell{border-bottom-color:#1719180d;border-right-color:#1719180d}.bagua-section[data-focus=active] .trigram-cell--active{background:0 0;border-bottom-color:#0000;border-right-color:#0000;transform:translateY(-4px)}.trigram-cell:focus-visible{outline:none}.trigram-cell:focus-visible .trigram-glyph{outline:1px solid var(--ink);outline-offset:8px}.bagua-section[data-focus=active][data-active=li] .bagua-reading,.bagua-section[data-focus=active][data-active=kan] .bagua-reading,.bagua-section[data-focus=active][data-active=gen] .bagua-reading{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#f1f0ebdb 0,#f1f0eb8a 48%,#0000 88%);padding:18px 0 28px 20px}.bagua-section[data-focus=active][data-active=kun] .bagua-reading{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;min-height:250px;padding:0 0 24px;transform:translate(-2vw,-7vh)}.bagua-section[data-focus=active][data-active=kun] .bagua-reading__symbol{opacity:.035}.bagua-section[data-focus=active][data-active=kun] .bagua-reading:after{right:34%}.signature-scene[data-trigram=gen] .signature-space-row[data-line-index="2"]{opacity:.7;height:clamp(42px,8vh,86px);transform:translate(8vw,18vh)scaleX(1.08)}.bagua-section[data-focus=active] .bagua-space--gen .space-yao-row[data-line-index="2"]{opacity:.68;height:clamp(54px,9vh,96px);transform:translate(8vw,17vh)scaleX(1.08)}.hexagram-field__material{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.composite-state{--scene-paper:var(--paper)}@supports (color:color-mix(in lab, red, red)){.composite-state{--scene-paper:color-mix(in srgb, var(--paper) 82%, transparent)}}.composite-state{isolation:isolate;pointer-events:none;background:var(--scene-paper);contain:paint;position:absolute;inset:0;overflow:hidden}.composite-state[data-material-ready=false]{visibility:hidden}.composite-state[data-running=false] *,.composite-state[data-material-ready=false] *{animation-play-state:paused!important}.composite-state--field{opacity:.56;-webkit-mask-image:linear-gradient(#0000 2%,#000 18% 84%,#0000 100%);mask-image:linear-gradient(#0000 2%,#000 18% 84%,#0000 100%)}.composite-state--expanded{z-index:0;opacity:.88;background:var(--paper-lift)}.composite-state__material{opacity:var(--composite-weight);will-change:clip-path, transform;position:absolute;inset:-12%;overflow:hidden;transform:translateZ(0)}.composite-state__material--upper{z-index:3;clip-path:polygon(0 0,100% 0,100% 70%,64% 66%,0 55%);mix-blend-mode:multiply}.composite-state__material--lower{z-index:2;clip-path:polygon(0 36%,44% 42%,100% 31%,100% 100%,0 100%)}.composite-state__picture,.composite-state__picture img{width:100%;height:100%;display:block;position:absolute;inset:0}.composite-state__picture img{object-fit:cover;object-position:var(--composite-position);transform:scale(var(--composite-scale));filter:saturate(.35)contrast(1.06);-webkit-user-select:none;user-select:none}.composite-state__picture--echo{opacity:0}.composite-state__material-plane,.composite-state__horizon,.composite-state__fault,.composite-state__light,.composite-state__mist,.composite-state__depth{pointer-events:none;display:block;position:absolute}.composite-state__material-plane{z-index:4;opacity:0;inset:0}.composite-state__horizon{z-index:6;background:var(--ink);height:1px;bottom:39%;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.composite-state__horizon{background:color-mix(in srgb, var(--ink) 20%, transparent)}}.composite-state__horizon{opacity:.35;transform-origin:50%}.composite-state__fault{z-index:8;background:var(--paper-lift);width:clamp(2px,.25vw,4px);box-shadow:0 0 0 1px var(--ink);top:-8%;bottom:-8%;left:50%}@supports (color:color-mix(in lab, red, red)){.composite-state__fault{box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 20%, transparent)}}.composite-state__fault{opacity:0;transform-origin:50%;transform:rotate(8deg)scaleY(.1)}.composite-state__light{z-index:7;background:var(--cinnabar);width:clamp(1px,.16vw,3px);box-shadow:0 0 26px 8px var(--cinnabar);top:0;bottom:0;left:58%}@supports (color:color-mix(in lab, red, red)){.composite-state__light{box-shadow:0 0 26px 8px color-mix(in srgb, var(--cinnabar) 28%, transparent)}}.composite-state__light{opacity:0;transform-origin:bottom;transform:scaleY(.18)}.composite-state__mist{z-index:9;filter:blur(12px);opacity:0;background:linear-gradient(104deg,#0000,#f7f6f194,#0000);width:58%;height:34%}.composite-state__mist--one{top:24%;left:-16%}.composite-state__mist--two{bottom:8%;right:-18%}.composite-state__depth{z-index:5;opacity:0;background:linear-gradient(#0000 18% 46%,#05080952 100%);inset:0}.composite-state__material[data-behavior=open]{clip-path:polygon(4% 0,96% 0,88% 88%,12% 100%);mix-blend-mode:normal}.composite-state__material[data-behavior=open] .composite-state__picture img{filter:saturate(.1)contrast(1.15)brightness(1.03)}.composite-state__material[data-behavior=open] .composite-state__material-plane--one{opacity:.58;background:linear-gradient(90deg,#0000 30%,#ffffffc2 50%,#0000 70%)}.composite-state__material[data-behavior=reflect]{clip-path:polygon(0 6%,100% 6%,100% 100%,0 100%)}.composite-state__material[data-behavior=reflect] .composite-state__picture--source{clip-path:inset(0 0 47%)}.composite-state__material[data-behavior=reflect] .composite-state__picture--echo{opacity:.42;transform-origin:top;height:52%;top:48%;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.composite-state__material[data-behavior=reflect] .composite-state__material-plane--one{opacity:.52;background:var(--ink);height:1px;top:50%}@supports (color:color-mix(in lab, red, red)){.composite-state__material[data-behavior=reflect] .composite-state__material-plane--one{background:color-mix(in srgb, var(--ink) 24%, transparent)}}.composite-state__material[data-behavior=illuminate]{mix-blend-mode:normal}.composite-state__material[data-behavior=illuminate] .composite-state__picture img{filter:saturate(.78)contrast(1.14)brightness(.82)}.composite-state:has([data-behavior=illuminate]) .composite-state__light{opacity:.9;transition:transform .9s cubic-bezier(.76,0,.24,1),opacity .64s;transform:scaleY(1)}.composite-state__material[data-behavior=rupture] .composite-state__picture{clip-path:polygon(0 0,48% 0,43% 100%,0 100%)}.composite-state__material[data-behavior=rupture] .composite-state__picture--echo{opacity:.74;clip-path:polygon(49% 0,100% 0,100% 100%,44% 100%)}.composite-state:has([data-behavior=rupture]) .composite-state__fault{opacity:.74;animation:.92s cubic-bezier(.76,0,.24,1) .28s both composite-rupture}.composite-state__material[data-behavior=permeate] .composite-state__picture--echo{opacity:.34;transform:translate(4%,-2%);-webkit-mask-image:linear-gradient(112deg,#0000 12%,#000 42%,#0000 72%);mask-image:linear-gradient(112deg,#0000 12%,#000 42%,#0000 72%)}.composite-state__material[data-behavior=permeate] .composite-state__material-plane--one,.composite-state__material[data-behavior=permeate] .composite-state__material-plane--two{opacity:.32;background:linear-gradient(90deg,#f7f6f10a,#f7f6f15c,#0000);border-left:1px solid #f7f6f1bd;width:43%;transform:skew(-8deg)}.composite-state__material[data-behavior=permeate] .composite-state__material-plane--two{opacity:.2;left:44%}.composite-state:has([data-behavior=permeate]) .composite-state__mist{opacity:.62}.composite-state__material[data-behavior=descend]{clip-path:polygon(0 12%,100% 4%,100% 100%,0 100%)}.composite-state__material[data-behavior=descend] .composite-state__picture img{filter:saturate(.24)contrast(1.2)brightness(.74)}.composite-state__material[data-behavior=descend] .composite-state__picture--echo{opacity:.3;height:42%;top:58%;transform:scaleY(-1)translateY(-2%);-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.composite-state:has([data-behavior=descend]) .composite-state__depth{opacity:.86}.composite-state__material[data-behavior=obstruct]{clip-path:polygon(24% 0,100% 0,100% 100%,0 100%,12% 66%);z-index:5;mix-blend-mode:multiply;inset:-7% -22% -10% 24%}.composite-state__material[data-behavior=obstruct] .composite-state__picture img{filter:grayscale()contrast(1.32)brightness(.7)}.composite-state__material[data-behavior=support]{clip-path:inset(0);mix-blend-mode:normal;inset:-12%}.composite-state__material[data-behavior=support] .composite-state__picture img{object-position:50% 74%;transform-origin:50% 100%;filter:saturate(.9)contrast(1.04)brightness(.96);transform:scale(1.56)}.composite-state__material[data-behavior=support] .composite-state__material-plane--one{display:none}.composite-state[data-running=true] [data-behavior=open] .composite-state__picture--source{animation:12s cubic-bezier(.37,0,.63,1) infinite alternate composite-open}.composite-state[data-running=true] [data-behavior=reflect] .composite-state__picture--echo{animation:8s ease-in-out infinite alternate composite-reflect}.composite-state[data-running=true] [data-behavior=permeate] .composite-state__picture--echo,.composite-state[data-running=true] [data-behavior=permeate] .composite-state__material-plane{animation:10s ease-in-out infinite alternate composite-permeate}.composite-state[data-running=true] [data-behavior=descend] .composite-state__picture--echo{animation:9s ease-in-out infinite alternate composite-descend}.composite-state[data-running=true]:has([data-behavior=permeate]) .composite-state__mist--one{animation:13s ease-in-out infinite alternate composite-mist}.composite-state[data-running=true]:has([data-behavior=permeate]) .composite-state__mist--two{animation:15s ease-in-out -5s infinite alternate-reverse composite-mist}.composite-state[data-change-phase=line]{filter:contrast(1.04)}.composite-state[data-change-phase=awaken] .composite-state__horizon{opacity:.8;transform:scaleX(.42)}.composite-state[data-change-phase=travel] .composite-state__material--upper{transform:translateY(-1.4%)}.composite-state[data-change-phase=travel] .composite-state__material--lower{transform:translateY(1.4%)}.composite-state[data-change-phase=settle] .composite-state__horizon{animation:.62s cubic-bezier(.22,1,.36,1) both composite-settle}.hexagram-field-stage[data-change-phase=line] .hexagram-field__number{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.hexagram-field-stage[data-change-phase=line] .hexagram-field__number{color:color-mix(in srgb, var(--ink) 11%, transparent)}}.hexagram-field-stage[data-change-phase=awaken] .hexagram-cell.is-target .hexagram-cell__focus{outline:1px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.hexagram-field-stage[data-change-phase=awaken] .hexagram-cell.is-target .hexagram-cell__focus{outline:1px solid color-mix(in srgb, var(--ink) 18%, transparent)}}.hexagram-field-stage[data-change-phase=awaken] .hexagram-cell.is-target .hexagram-cell__focus{outline-offset:12px}.hexagram-expanded{background:0 0}.hexagram-expanded:before,.hexagram-expanded:after{z-index:2;opacity:.48}.hexagram-expanded__structure{z-index:6}.hexagram-expanded__line{mix-blend-mode:multiply}.hexagram-expanded__identity{z-index:8;color:var(--ink);mix-blend-mode:multiply;background:0 0;padding:0}.hexagram-expanded__identity:before{content:"";background:var(--ink);width:min(11vw,150px);height:1px;position:absolute;top:50%;right:calc(100% + 18px)}.hexagram-expanded__meta,.hexagram-expanded__instruction,.hexagram-expanded__back{z-index:9;mix-blend-mode:multiply}.hexagram-annotation{border-left-color:var(--ink);padding-left:18px}@supports (color:color-mix(in lab, red, red)){.hexagram-annotation{border-left-color:color-mix(in srgb, var(--ink) 48%, transparent)}}.hexagram-annotation:before{content:"";background:var(--ink);width:13px;height:1px;position:absolute;top:0;left:-7px}.hexagram-annotation__enter,.hexagram-expanded__back{color:inherit;cursor:pointer}@keyframes composite-open{0%{transform:translateY(2.2%)}to{transform:translateY(-2.2%)}}@keyframes composite-reflect{0%{transform:scaleY(-1)translate(-.35%)}to{transform:scaleY(-1)translate(.35%,.3%)}}@keyframes composite-permeate{0%{transform:translate(-1.2%,.4%)skew(-8deg)}to{transform:translate(1.5%,-.4%)skew(-6deg)}}@keyframes composite-descend{0%{transform:scaleY(-1)translateY(-1%)}to{transform:scaleY(-1)translateY(1.4%)}}@keyframes composite-mist{0%{transform:translate(-4%,1%)}to{transform:translate(15%,-1%)}}@keyframes composite-rupture{0%,24%{opacity:0;transform:rotate(8deg)scaleY(.08)}35%{opacity:.92;transform:rotate(8deg)scaleY(1)}44%{opacity:1;transform:rotate(5deg)translate(1.2vw)scaleY(1)}58%{opacity:.62;transform:rotate(8deg)translate(0)scaleY(1)}to{opacity:.18;transform:rotate(8deg)scaleY(.72)}}@keyframes composite-settle{0%{opacity:.8;transform:scaleX(.42)}to{opacity:.35;transform:scaleX(1)}}@media (max-width:768px){.composite-state--field{opacity:.48;-webkit-mask-image:linear-gradient(#0000 4%,#000 24% 84%,#0000 100%);mask-image:linear-gradient(#0000 4%,#000 24% 84%,#0000 100%)}.composite-state--expanded{opacity:.84}.composite-state__material{inset:-7%}.composite-state__picture--echo:nth-of-type(n+2),.composite-state__mist--two,.composite-state__material-plane--two{display:none}.composite-state__mist{filter:blur(7px)}.composite-state__light{box-shadow:0 0 16px 5px var(--cinnabar)}@supports (color:color-mix(in lab, red, red)){.composite-state__light{box-shadow:0 0 16px 5px color-mix(in srgb, var(--cinnabar) 24%, transparent)}}.composite-state__material[data-behavior=obstruct]{inset:-3% -34% -4% 6%}.hexagram-expanded__identity:before{width:13vw}}@media (prefers-reduced-motion:reduce){.composite-state,.composite-state *,.hexagram-genesis__weave{transition-duration:.01ms!important;animation:none!important}.composite-state__mist{opacity:.34}}.mutable-yao{min-height:44px;margin-block:-8px}.mutable-yao>span{margin-top:20px}.mutable-yao>i{top:15px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}