@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,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Noto Serif SC", STSong, SimSun, "Songti SC", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-bold:700;--tracking-widest:.1em;--leading-relaxed:1.625;--leading-loose:2;--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,::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;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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;scroll-padding-top:var(--anchor-offset)}body{min-width:320px;color:var(--ink);background:radial-gradient(#6e665a09 1px,transparent 1px),linear-gradient(115deg,var(--paper) 0%,#f7f2e9 48%,#efe7d8 100%);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-size:24px 24px,auto;margin:0}body:before{content:"";z-index:40;pointer-events:none;opacity:.026;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{color:var(--accent);background:#f3ede2f2}button,input,select{font:inherit}button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;transition:transform .26s cubic-bezier(.16,1,.3,1),border-color .26s cubic-bezier(.16,1,.3,1),background-color .26s cubic-bezier(.16,1,.3,1),color .26s cubic-bezier(.16,1,.3,1)}button:not(.trigram-btn):hover{color:var(--accent);background:#f3ede294;transform:translateY(-1px)}button:not(.trigram-btn):active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{text-wrap:pretty}}@layer components{.app{isolation:isolate;min-height:100dvh;position:relative}.book-gutter{z-index:0;color:#6e665a57;letter-spacing:.32em;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:16px;font-size:11px;font-weight:700;line-height:1;display:flex;position:fixed;top:50%;left:clamp(18px,2.7vw,42px);transform:translateY(-50%)}.writing-vertical{writing-mode:vertical-rl;text-orientation:mixed}.gutter-rule{background:#6e665a29;width:1px;height:42px}.gutter-mark{aspect-ratio:1;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#6e665a40;width:12px}.page-watermark{z-index:0;color:#6e665a09;font-family:var(--font-serif);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.02em;font-size:clamp(8rem,17vw,19rem);font-weight:900;line-height:.84;display:flex;position:fixed;top:50%;right:clamp(18px,5vw,86px);transform:translateY(-50%)}.page-watermark span{display:block}.site-header{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:72px;padding:18px clamp(16px,5vw,72px);position:sticky;top:0}.title-block{align-items:center;gap:16px;width:100%;max-width:1480px;margin:0 auto;display:flex}.brand-mark{aspect-ratio:1;width:42px;color:var(--paper);background:var(--accent);letter-spacing:.08em;-webkit-user-select:none;user-select:none;border-radius:3px;place-items:center;font-size:15px;font-weight:900;line-height:1;display:grid;box-shadow:0 1px #1f1b1829}.site-header h1{color:var(--ink);letter-spacing:.2em;margin:0;font-size:clamp(18px,2.2vw,25px);font-weight:700;line-height:1.1}.site-header p{color:var(--muted);letter-spacing:.24em;margin:5px 0 0;font-size:11px;font-weight:600}.header-icon-link{width:44px;height:44px;color:var(--muted);border-radius:3px;flex:none;place-items:center;margin-left:auto;transition:transform .26s cubic-bezier(.16,1,.3,1),background-color .26s cubic-bezier(.16,1,.3,1),color .26s cubic-bezier(.16,1,.3,1);display:grid}.header-icon-link:hover{color:var(--accent);background:#f3ede294;transform:translateY(-1px)}.header-icon-link:active{transform:translateY(1px)}.github-icon{fill:currentColor;width:22px;height:22px}main{z-index:1;height:calc(100dvh - var(--site-header-height));max-width:1600px;margin:0 auto;padding:clamp(10px,2dvh,18px) clamp(16px,5vw,40px) clamp(14px,2dvh,18px);position:relative;overflow:hidden}.workbench{grid-template-columns:minmax(300px,.78fr) minmax(620px,1.32fr);align-items:start;gap:clamp(34px,5vw,40px);height:100%;min-height:0;display:grid}.bagua-view{align-content:start;gap:clamp(12px,2dvh,18px);max-height:100%;display:grid;position:relative;top:auto}.hex-view{overscroll-behavior:contain;scrollbar-width:none;grid-column:2;height:100%;min-height:0;margin-top:0;padding-right:4px;display:block;overflow-y:auto}.hex-view::-webkit-scrollbar{width:0;height:0}.summary-panel{gap:clamp(24px,3vw,34px);display:grid}.panel{border:0;position:relative;overflow:hidden}.panel-pad{padding:clamp(22px,3.2vw,44px)}.bagua-control.panel-pad{padding:clamp(16px,2.4dvh,24px)}.circle-wrap{place-items:center;padding:clamp(10px,1.8dvh,16px);display:grid}.bagua-circle{--bagua-circle-size:min(58vw, clamp(236px, calc(100dvh - var(--site-header-height) - 360px), 390px));width:var(--bagua-circle-size);aspect-ratio:1;filter:saturate(.86);position:relative}.bagua-circle:before{content:"";border:1px dashed #6e665a38;border-radius:999px;position:absolute;inset:7%}.trigram-btn{--orbit-radius:calc(var(--bagua-circle-size) * -.38);z-index:2;width:86px;height:72px;min-height:72px;transform:rotate(var(--angle)) translateY(var(--orbit-radius));background:0 0;place-items:center;gap:7px;margin:-36px 0 0 -43px;padding:8px;display:grid;position:absolute;top:50%;left:50%}button.trigram-btn:hover,button.trigram-btn:active{color:var(--accent);transform:rotate(var(--angle)) translateY(var(--orbit-radius));background:0 0}button.trigram-btn.active,button.trigram-btn.active:hover{color:var(--accent);background:0 0}button.trigram-btn:hover .line:before,button.trigram-btn:hover .line:after,button.trigram-btn.active .line:before,button.trigram-btn.active .line:after{background:var(--accent)}.trigram-lines{gap:5px;width:54px;display:grid}.trigram-lines .line{height:9px}.trigram-lines .line:before,.trigram-lines .line:after{inset-block:0}.trigram-name{color:var(--ink);letter-spacing:.08em;font-size:19px;font-weight:800;line-height:1}button.trigram-btn:hover .trigram-name,button.trigram-btn.active .trigram-name{color:var(--accent)}.detail-head{grid-template-columns:minmax(0,1fr) minmax(250px,auto);align-items:start;gap:18px;margin-bottom:clamp(20px,3vw,36px);display:grid;position:relative}.detail-head h2{color:var(--ink);letter-spacing:.16em;margin:0 0 8px;font-size:clamp(32px,4.3vw,54px);font-weight:700;line-height:1.14}.compact-head{margin-bottom:18px}.compact-head h2{font-size:clamp(26px,3vw,38px)}.muted{color:var(--muted);font-size:clamp(14px,1.3vw,16px);line-height:1.8}.bagua-section{border-bottom:1px solid var(--line);gap:8px;padding:clamp(10px,1.6dvh,14px) 0;display:grid}.bagua-section:last-child{border-bottom:0;padding-bottom:0}.line-editor-body{grid-template-columns:minmax(120px,.52fr) minmax(220px,1fr);align-items:center;gap:clamp(14px,2vw,22px);margin-top:2px;display:grid}.compact-hex-orb{grid-template-columns:auto minmax(92px,1fr);justify-self:center;align-items:center;gap:14px;width:min(188px,100%)}.hex-orb{aspect-ratio:1;place-items:center;display:grid;position:relative}.hex-orb-labels{height:100%;color:var(--muted);font-family:var(--font-serif);grid-template-rows:1fr 1fr;align-items:center;gap:10px;display:grid}.hex-orb-labels span{grid-template-columns:auto auto;align-items:center;gap:7px;min-width:54px;display:grid}.hex-orb-labels small{color:#6e665a9e;letter-spacing:.18em;writing-mode:vertical-rl;font-size:10px;font-weight:700}.hex-orb-labels strong{color:var(--accent);letter-spacing:.04em;font-size:22px;font-weight:800;line-height:1}.large-line-stack{z-index:1;gap:8px;width:min(96px,58vw);display:grid}.large-line-stack .line{height:18px}.large-line-stack .line:before,.large-line-stack .line:after{inset-block:5px}.line-stack{gap:9px;width:min(196px,100%);display:grid}.hex-entry .line-stack{gap:3px;width:58px}.line{background:0 0;border:0;border-radius:1px;width:100%;height:18px;display:block;position:relative}button.line{width:100%;min-height:18px;padding:0}.hex-entry .line{height:8px}.line:before,.line:after{content:"";background:var(--ink);border-radius:1px;transition:transform .22s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1);position:absolute;inset-block:4px}.line.yang:before{left:0;right:0}.line.yang:after{display:none}.line.yin:before{width:42%;left:0}.line.yin:after{width:42%;right:0}button.line:hover:before,button.line:hover:after{background:var(--accent);transform:scaleY(1.34)}.line.selected:before,.line.selected:after{background:var(--accent)}.pill,.anchor-pill{min-height:42px;color:var(--muted);font-family:var(--font-sans);white-space:nowrap;background:0 0;border:1px solid #6e665a3d;border-radius:2px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;text-decoration:none;display:inline-flex}.pill:hover,.anchor-pill:hover{color:var(--paper);background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.floating-index{z-index:24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf8f5f0;border:1px solid #6e665a24;border-radius:2px;width:60px;max-height:calc(100dvh - 132px);padding:8px;transition:width .26s cubic-bezier(.16,1,.3,1),max-height .26s cubic-bezier(.16,1,.3,1),padding .26s cubic-bezier(.16,1,.3,1),border-color .26s cubic-bezier(.16,1,.3,1),background-color .26s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .26s cubic-bezier(.16,1,.3,1),backdrop-filter .26s cubic-bezier(.16,1,.3,1),box-shadow .26s cubic-bezier(.16,1,.3,1);position:fixed;top:clamp(90px,12vh,132px);left:18px;box-shadow:0 10px 22px #1f1b1814}.floating-index.expanded{background:#faf8f5f0;width:min(360px,100vw - 36px);box-shadow:0 18px 44px #1f1b1821}.floating-index.collapsed{width:44px;max-height:44px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding:0;overflow:visible}.nav-toggle{width:44px;height:44px;color:var(--accent);place-items:center;margin:0;display:grid}.floating-index.expanded .nav-toggle{margin-bottom:14px}.nav-toggle-icon{stroke-width:1.9px;width:20px;height:20px}.index-panel-content{transform-origin:0 0;max-height:calc(100dvh - 204px);overflow:hidden}.hex-tools{grid-template-columns:1fr;gap:12px;margin-bottom:18px;display:grid}.hex-tools label{color:var(--muted);font-family:var(--font-sans);gap:7px;font-size:13px;display:grid}.hex-tools input,.hex-tools select{border:0;border-bottom:1px solid var(--line-strong);width:100%;min-height:46px;color:var(--ink);background:0 0;border-radius:0;padding:0 12px}.hex-list{scrollbar-color:#962e2a6b transparent;gap:4px;max-height:calc(100dvh - 364px);display:grid;overflow:auto}.hex-list button{min-height:58px;color:var(--muted);text-align:left;background:0 0;border-left:2px solid #0000;border-radius:2px;padding:12px;position:relative;overflow:hidden}.hex-list button:hover{color:var(--accent);background:linear-gradient(90deg,#962e2a13,#f3ede261 78%);border-left-color:#962e2a57;transform:translate(2px);box-shadow:inset 0 0 0 1px #962e2a14}.hex-list button.active,.hex-list button.active:hover{border-left-color:var(--accent);color:var(--accent);background:linear-gradient(90deg,#962e2a21,#962e2a0a 72%,#0000);box-shadow:inset 0 0 0 1px #962e2a1a}.hex-list button:hover .hex-entry strong,.hex-list button.active .hex-entry strong{color:var(--accent)}.hex-list button:hover .hex-entry small,.hex-list button.active .hex-entry small{color:#6e665ae6}.hex-list button:hover .hex-entry .line:before,.hex-list button:hover .hex-entry .line:after,.hex-list button.active .hex-entry .line:before,.hex-list button.active .hex-entry .line:after{background:var(--accent)}.hex-entry{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:14px;display:grid}.hex-entry strong,.hex-entry small{display:block}.hex-entry strong{color:var(--ink);letter-spacing:.08em;font-size:16px;font-weight:700}.hex-entry small{color:var(--muted);font-size:13px;line-height:1.5}.section-kicker,.block-label{color:var(--accent);font-family:var(--font-sans);letter-spacing:.12em;font-size:12px;font-weight:700}.classic-quote{background-color:#f3ede233;background-image:linear-gradient(#962e2a0b 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 2.2rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #962e2a1f;padding:clamp(24px,4vw,38px);position:relative;box-shadow:inset 0 1px 4px #962e2a08}.classic-quote-measure{visibility:hidden}.classic-quote-typed{position:absolute;inset:clamp(24px,4vw,38px)}.classic-quote p,.classic-quote-measure p,.classic-quote-typed p{color:var(--ink);letter-spacing:.16em;margin:0;font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.45}.type-cursor{background:var(--accent);vertical-align:-.08em;width:.08em;height:.9em;margin-left:.08em;animation:.92s steps(2,start) infinite cursor-blink;display:inline-block}.canon-grid{gap:18px;display:grid}.classic-panel{border-left:2px solid var(--accent);background:#f3ede247;gap:10px;padding:22px 24px;display:grid}.classic-panel.muted-panel{border-left-color:#6e665a52}.classic-panel span,.scholar-panel h3,.prose-panel h3,.classic-block h4{color:var(--muted);font-family:var(--font-sans);letter-spacing:.14em;margin:0;font-size:12px;font-weight:800}.classic-panel p,.classic-block p,.scholar-panel p,.prose-panel p,.change-template p{color:#332f27;letter-spacing:.04em;margin:0;font-size:15px;line-height:1.9}.line-table{gap:14px;display:grid}.line-table-list{gap:8px;display:grid}.line-row{width:100%;min-height:56px;color:var(--muted);text-align:left;border-left:2px solid #0000;grid-template-columns:72px minmax(0,1.1fr) minmax(180px,.9fr);align-items:center;gap:16px;padding:12px 14px;display:grid}.line-row.active{border-left-color:var(--accent);color:var(--ink);background:#f3ede27a}.line-row-name{color:var(--accent);font-weight:800}.line-row-text{color:var(--ink);font-weight:700}.line-row-image{color:var(--muted);font-size:12px;line-height:1.6}.compact-line-table{gap:10px;min-width:0}.compact-line-table .line-table-list{gap:2px}.compact-line-table .line-row{background:0 0;border-left-width:2px;grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:26px;padding:0 10px}.compact-line-table .line-row-text{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.55;overflow:hidden}.compact-line-table .line-row-image{display:none}.structured-html{gap:clamp(28px,4vw,48px);display:grid}.source-block,.line-focus,.scholar-panel,.prose-panel,.change-template{gap:16px;display:grid}.source-block{border-bottom:1px solid var(--line);padding-bottom:28px}.classic-block{gap:10px;display:grid}.classic-block:not(.quiet) p{color:var(--ink);letter-spacing:.08em;font-size:clamp(18px,2vw,23px);font-weight:700;line-height:1.85}.classic-block.quiet{background:#f3ede238;border-left:2px solid #6e665a38;padding:18px 20px}.classic-block .image-text{color:var(--muted)}.line-focus{border-left:2px solid var(--accent);background:#f3ede240;padding:24px}#hex-detail,#line-detail{scroll-margin-top:var(--anchor-offset)}.line-focus-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.line-focus-head h3,.change-template h3{color:var(--ink);letter-spacing:.16em;margin:6px 0 0;font-size:clamp(24px,3vw,34px)}.line-focus-head>span{color:var(--muted);font-size:12px}.change-template{border:1px solid #962e2a1f;grid-template-columns:minmax(0,1fr) 180px;align-items:center;padding:24px}.change-figure{background:#faf8f580;border:1px solid #6e665a1f;place-items:center;min-height:150px;display:grid}.change-figure img{object-fit:contain;max-width:150px;max-height:150px}.change-figure span{aspect-ratio:1;width:52px;color:var(--paper);background:var(--accent);place-items:center;font-weight:900;display:grid}.scholar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.scholar-panel{background:#f3ede23b;border-left:2px solid #6e665a57;padding:22px}.aspect-panel.wide{border-left-color:#962e2a38}.aspect-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;display:grid}.aspect-list div{border-bottom:1px solid var(--line);gap:4px;padding-bottom:10px;display:grid}.aspect-list span{color:var(--accent);font-family:var(--font-sans);font-size:12px;font-weight:800}.prose-panel{border-top:1px solid var(--line);padding-top:24px}.change-box{background:linear-gradient(90deg,#962e2a11,#0000 78%)}.change-box p{max-width:62ch;color:var(--muted);margin:0;line-height:1.85}.change-actions{flex-wrap:wrap;gap:10px;display:flex}.compact-change-box{background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0}.compact-change-text{min-width:0;color:var(--muted);font-family:var(--font-sans);flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:12px;display:flex}.compact-change-text strong{color:var(--ink);font-size:13px}.compact-change-box .change-actions{justify-content:end}.compact-change-box .pill{min-height:40px;padding-inline:12px}}@layer utilities{.visible{visibility:visible}.block{display:block}.table{display:table}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.uppercase{text-transform:uppercase}.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))}}:root{color-scheme:light;--ink:#1f1b18;--muted:#6e665a;--paper:#faf8f5;--line:#6e665a29;--line-strong:#6e665a47;--accent:#962e2a;--focus:#962e2a47;--site-header-height:86px;--anchor-offset:calc(var(--site-header-height) + 18px)}@keyframes cursor-blink{0%,48%{opacity:1}49%,to{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.type-cursor{animation:none}}@media(max-width:1120px){.book-gutter{display:none}main{height:auto;min-height:calc(100dvh - var(--site-header-height));overflow:visible}.workbench,.bagua-view,.hex-view{grid-template-columns:1fr}.workbench{height:auto}.bagua-view{max-height:none;position:relative;top:auto}.hex-view{grid-column:auto;height:auto;padding-right:0;overflow:visible}.trigram-btn{--orbit-radius:-130px}.detail-head{grid-template-columns:1fr}}@media(max-width:640px){:root{--site-header-height:70px;--anchor-offset:calc(var(--site-header-height) + 16px)}.site-header,main{padding-inline:14px}.site-header{min-height:66px;padding-block:14px}.brand-mark{width:38px}.site-header h1{font-size:17px}.floating-index{max-height:calc(100dvh - 28px);inset:auto 12px 14px auto}.floating-index.expanded{box-shadow:16px 0 34px #1f1b1829}.index-panel-content{max-height:calc(100dvh - 104px)}.hex-list{max-height:calc(100dvh - 264px)}.circle-wrap{padding:22px 8px}.trigram-btn{--orbit-radius:-114px;width:78px;height:70px;min-height:70px;margin:-35px 0 0 -39px}.trigram-lines{gap:4px;width:50px}.trigram-lines .line{height:8px}.trigram-name{font-size:18px}.panel-pad{padding:22px 18px}.detail-head{grid-template-columns:1fr}.detail-head h2{font-size:clamp(28px,10vw,42px)}.line-editor-body,.compact-change-box{grid-template-columns:1fr}.compact-hex-orb{width:min(170px,72vw)}.compact-change-box .change-actions{justify-content:start}.line-stack{width:min(168px,56vw)}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}