@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:"Microsoft JhengHei","PingFang TC",sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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}}@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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.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}.overline{text-decoration-line:overline}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.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))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:"Noto Sans TC","Microsoft JhengHei",sans-serif;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--text);background:var(--paper);font:16px/1.7 var(--sans);margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.55}input,select,textarea{min-width:0;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--line)}@supports (color:color-mix(in lab,red,red)){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--line) 50.2%,transparent)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px}::selection{background:var(--surface)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4}h1,h2{font-family:var(--serif);font-weight:600}img,svg{max-width:100%}[hidden]{display:none!important}.boot{padding:3rem}.skip-link{background:var(--ink);color:var(--text);z-index:50;padding:10px;position:fixed;top:-100px}.skip-link:focus{top:0}.site-header{border-bottom:1px solid var(--line);background:var(--paper);z-index:20;height:96px;position:sticky;top:0}.nav-wrap{align-items:center;gap:44px;max-width:1280px;height:100%;margin:auto;padding:0 48px;display:flex}.brand{align-items:center;gap:13px;margin-right:auto;display:flex}.brand-symbol{color:var(--accent);font-family:serif;font-size:42px;line-height:1;transform:rotate(90deg)}.brand-name{font:600 29px/1.2 var(--serif);letter-spacing:.18em;white-space:nowrap}.brand-name small{font:12px/1.6 var(--sans);letter-spacing:.3em;margin-top:5px;display:block}.nav-wrap nav{align-items:center;gap:32px;height:100%;display:flex}.nav-wrap nav a{height:100%;color:var(--muted);white-space:nowrap;align-items:center;font-size:15px;display:flex;position:relative}.nav-wrap nav a.active{color:var(--accent)}.nav-wrap nav a.active:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;bottom:23px;left:calc(50% - 3px)}.nav-cta{border:1px solid var(--line);white-space:nowrap;border-radius:5px;align-items:center;gap:16px;padding:8px 18px;font-size:14px;display:flex}main{max-width:1280px;min-height:75vh;margin:auto;padding:0 48px}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:28px;min-height:500px;padding:42px 18px 38px;display:grid;position:relative}.eyebrow{letter-spacing:.19em;color:var(--muted);align-items:center;gap:13px;font-size:12px;font-weight:600;display:flex}.tiny-line{background:var(--accent);width:27px;height:1px}.hero h1{letter-spacing:.11em;margin:20px 0 16px;font-size:clamp(35px,4vw,52px);line-height:1.55;display:inline-block;position:relative}.seal{font:20px/1.25 var(--serif);border:1px solid var(--accent);color:var(--accent);letter-spacing:0;padding:3px 5px;position:absolute;bottom:21px;right:-40px;transform:rotate(-5deg)}.hero-copy>p{color:var(--muted);letter-spacing:.025em;line-height:1.9}.hero-actions{gap:14px;margin:28px 0 34px;display:flex}.button{justify-content:center;align-items:center;gap:16px;padding:12px 22px;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.primary{background:var(--ink);color:var(--text)}.primary:hover{background:var(--raised)}.secondary{background:var(--green-soft);border:1px solid var(--line)}.quiet{background:0 0}.hero-caption{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.hero-caption span{font:18px var(--serif);color:var(--ink)}.hero-caption b{color:var(--muted);padding:0 8px;font-weight:400}.hero-diagram{background:radial-gradient(ellipse,var(--accent),transparent 72%);justify-self:center;width:392px;height:392px;position:relative}@supports (color:color-mix(in lab,red,red)){.hero-diagram{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 25.1%,transparent),transparent 72%)}}.hero-diagram{isolation:isolate}.diagram-ring{border:1px solid var(--line);position:absolute}@supports (color:color-mix(in lab,red,red)){.diagram-ring{border:1px solid color-mix(in srgb,var(--line) 50.2%,transparent)}}.diagram-ring{border-radius:50%;inset:6px}.ring-inner{border-style:dashed;border-color:var(--line);inset:77px}@supports (color:color-mix(in lab,red,red)){.ring-inner{border-color:color-mix(in srgb,var(--line) 45.88%,transparent)}}.ring-outer:after{content:"";border:1px solid var(--line);position:absolute;inset:24px}@supports (color:color-mix(in lab,red,red)){.ring-outer:after{border:1px solid color-mix(in srgb,var(--line) 43.92%,transparent)}}.ring-outer:after{border-radius:50%}.diagram-cross{border:1px solid var(--line);position:absolute;inset:105px}@supports (color:color-mix(in lab,red,red)){.diagram-cross{border:1px solid color-mix(in srgb,var(--line) 43.92%,transparent)}}.diagram-cross{transform:rotate(45deg)}.diagram-cross:after{content:"";border:1px solid var(--line);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.diagram-cross:after{border:1px solid color-mix(in srgb,var(--line) 43.92%,transparent)}}.diagram-cross:after{transform:rotate(45deg)}.bagua-center{background:var(--paper);border:1px solid var(--line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:137px}.bagua-center>span{font:58px/1.2 var(--serif);color:var(--ink)}.bagua-center small{letter-spacing:.05em;color:var(--muted);margin-top:8px;font-size:10px}.ring-trigram{width:56px;height:68px;transform:rotate(var(--angle)) translateY(-151px) rotate(calc(-1 * var(--angle)));background:var(--paper);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:calc(50% - 34px);left:calc(50% - 28px)}.ring-trigram>span{font:40px/.95 serif}.ring-trigram>b{font:17px var(--serif);margin-top:2px}.ring-trigram>small{letter-spacing:.05em;color:var(--muted);font-size:10px}.diagram-note{text-align:center;letter-spacing:.2em;color:var(--muted);font-size:12px;position:absolute;bottom:-29px;left:0;right:0}.vertical-poem{writing-mode:vertical-rl;font:14px var(--serif);letter-spacing:.3em;color:var(--muted);position:absolute;top:145px;right:-20px}.tool-section{border-top:1px solid var(--line);padding:40px 0}.section-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.section-title h2{letter-spacing:.06em;margin:8px 0 0;font-size:26px}.section-title>p{color:var(--muted);margin-bottom:4px;font-size:14px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:26px 26px 19px;transition:all .2s}.feature-card:hover{border-color:var(--line);box-shadow:var(--shadow);transform:translateY(-4px)}.feature-top{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.feature-icon{background:var(--green-soft);width:49px;height:49px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(4) .feature-icon{background:var(--accent-soft);color:var(--accent)}.card-index{color:var(--muted);font:italic 19px Georgia,serif}.feature-card h3{font:600 22px var(--serif);letter-spacing:.06em;margin:0 0 9px}.feature-card p{color:var(--muted);min-height:25px;margin:0 0 21px;font-size:14px;line-height:1.8}.feature-bottom{border-top:1px solid var(--line);letter-spacing:.04em;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding-top:14px;font-size:12px;display:flex}.home-bottom{grid-template-columns:1.15fr 1fr;gap:24px;margin:0 0 55px;display:grid}.quote-panel,.study-panel{border-radius:var(--radius);padding:28px 32px}.quote-panel{background:var(--ink);color:var(--text)}.quote-panel .eyebrow{color:var(--muted)}.quote-body{align-items:center;gap:40px;margin-top:22px;display:flex}.quote-body h2{letter-spacing:.08em;margin:0 0 6px;font-size:29px}.quote-body p{color:var(--muted);font:17px var(--serif);letter-spacing:.12em;margin-bottom:20px}.text-button{color:inherit;background:0 0;align-items:center;gap:16px;padding:0;font-size:14px;display:inline-flex}.study-panel{border:1px solid var(--line);background:var(--surface)}.study-panel h3{font:600 23px var(--serif);margin:20px 0 12px}.study-panel p{color:var(--muted);margin-bottom:18px;font-size:14px;line-height:1.9}.site-footer{border-top:1px solid var(--line);max-width:1184px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:26px 0;font-size:12px;display:flex}.site-footer p{letter-spacing:.2em;margin:0}.footer-brand{font:22px var(--serif);color:var(--ink)}.footer-brand span{font:12px var(--sans);color:var(--muted)}.page-heading p{color:var(--muted);margin-bottom:0}.work-tabs{border-bottom:1px solid var(--line);display:flex;overflow:auto}.work-tabs a{white-space:nowrap;border-bottom:2px solid #0000}.work-tabs a.active{border-color:var(--accent);color:var(--accent)}.workspace{align-items:start;margin-bottom:45px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);padding:26px}.panel h2,.panel h3{font-family:var(--serif);margin:0 0 20px}.panel h2{font-size:23px}.panel h3{font-size:20px}.panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-head .meta{color:var(--muted);font-size:12px}.field{flex-direction:column;gap:7px;display:flex}input:not([type=checkbox],[type=radio]),select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:100%;min-height:46px;padding:10px 12px;font-size:16px}input[type=checkbox],input[type=radio]{accent-color:var(--ink);vertical-align:middle;cursor:pointer;width:17px;height:17px}input[type=number]{font-variant-numeric:tabular-nums}.field small,.help{color:var(--muted);font-size:13px;line-height:1.8}.full{width:100%}.rule-note{color:var(--text);margin:20px 0}.form-error{color:var(--moving);min-height:0;margin:12px 0 0;font-size:14px}.form-error:empty{display:none}.input-panel .help{margin-bottom:18px}.result-head{justify-content:space-between;align-items:center;gap:15px;margin:0 0 17px;display:flex}.result-head h2{margin:0}.result-head span{color:var(--muted);font-size:12px}.result-pair{grid-template-columns:1fr 1fr;gap:15px;display:grid}.hex-card{text-align:center;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);padding:23px 20px;position:relative}.hex-card.primary-card{border-color:var(--line);background:var(--surface)}.hex-card .card-label{color:var(--muted);letter-spacing:.15em;font-size:13px;display:block}.hex-card .hex-name{font:27px var(--serif);letter-spacing:.05em;margin:16px 0 6px}.hex-card .hex-number{color:var(--muted);font-size:12px}.hex-card .hex-drawing{margin:24px auto 18px}.hex-drawing{color:currentColor;flex-direction:column;gap:8px;width:96px;display:flex}.yao-wrap{position:relative}.yao{gap:12px;width:100%;height:8px;display:flex}.yao i{background:currentColor;border-radius:1px;flex:1;display:block}.yao.moving{color:var(--accent)}.yao-wrap:nth-child(3){margin-bottom:10px}.move-dot{color:var(--accent);font-size:17px;position:absolute;top:-8px;left:calc(100% + 8px)}.trigram-labels{color:var(--muted);flex-direction:column;gap:5px;font-size:13px;display:flex}.trigram-labels span{justify-content:center;align-items:center;gap:7px;display:flex}.element{border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 5px;font-size:13px;display:inline-flex}.element-木{color:var(--wood);background:var(--surface)}.element-火{color:var(--fire);background:var(--surface)}.element-土{color:var(--earth);background:var(--surface)}.element-金{color:var(--metal);background:var(--surface)}.element-水{color:var(--water);background:var(--surface)}.relation-pill{background:var(--surface);color:var(--text);border-radius:30px;margin-top:13px;padding:3px 12px;font-size:12px;display:inline-block}.result-secondary{grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0;display:grid}.mini-hex{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:10px;padding:15px}.mini-hex>span{color:var(--muted);font-size:12px}.mini-hex .hex-drawing{gap:4px;width:46px;margin:14px auto}.mini-hex .yao{gap:6px;height:4px}.mini-hex .yao-wrap:nth-child(3){margin-bottom:4px}.mini-hex h3{font:17px var(--serif);margin:8px 0 0}.result-detail{margin-top:15px}.section-label{letter-spacing:.15em;color:var(--accent);margin-bottom:8px;font-size:12px}.relationship-row{background:var(--green-soft);text-align:center;border-radius:7px;justify-content:center;align-items:center;gap:22px;margin-bottom:16px;padding:18px;display:flex}.relationship-row>div{flex-direction:column;align-items:center;gap:4px;display:flex}.relationship-row small{color:var(--muted);font-size:12px}.relationship-row strong{font:25px var(--serif)}.relationship-row .relation-arrow{color:var(--accent);max-width:150px;font-size:14px}.body-use{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.9}.details-tabs{border-bottom:1px solid var(--line);gap:16px;margin-bottom:19px;display:flex;overflow-x:auto}.details-tabs button{white-space:nowrap;background:0 0;border-bottom:2px solid #0000;padding:10px 0;font-size:14px}.details-tabs button.active{border-color:var(--accent);color:var(--accent)}.judgment{font:20px/1.9 var(--serif);letter-spacing:.03em;margin:10px 0 20px}.line-list{flex-direction:column;gap:0;display:flex}.line-item{border-top:1px solid var(--line);grid-template-columns:36px 40px minmax(0,1fr);align-items:start;gap:12px;padding:15px 0;display:grid}.line-item .yao{gap:5px;height:5px;margin-top:10px}.line-item .line-title{font:15px/1.8 var(--serif);white-space:nowrap}.line-item p{font:17px/1.8 var(--serif);margin:0}.line-item.selected{background:var(--accent-soft);border-radius:5px;margin:0 -12px;padding:15px 12px}.line-item em{font:12px var(--sans);color:var(--accent);margin-left:6px;display:inline-block}.source-link{color:var(--muted);margin-top:19px;font-size:12px;text-decoration:underline;display:inline-block}details summary{cursor:pointer;font-size:14px}details ol{color:var(--muted);padding-left:20px;font-size:13px;line-height:2}.manual-line{grid-template-columns:35px 1fr 65px;align-items:center;gap:10px;display:grid}.line-toggle{background:var(--green-soft);border-radius:5px;align-items:center;gap:10px;padding:11px;display:flex}.line-toggle .yao{width:50px;height:6px}.line-toggle>span:last-child,.manual-line>span,.manual-line>label{font-size:13px}.segmented{background:var(--surface);border-radius:7px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.segmented button{background:0 0;border-radius:5px;flex:1;padding:8px 10px;font-size:14px}.segmented button.active{background:var(--surface);box-shadow:0 2px 5px #00000008}.stroke-grid{flex-wrap:wrap;gap:8px;margin:10px 0 20px;display:flex}.stroke-field{text-align:center;flex-direction:column;gap:5px;width:61px;display:flex}.stroke-field input{text-align:center;min-height:36px;padding:6px 4px}.stroke-heading{margin:16px 0 6px;font-size:13px;font-weight:600}.stroke-field.unknown input{border-color:var(--accent)}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:70px 25px}.empty-state h2{font-size:24px}.empty-state p{color:var(--muted)}.empty-state .empty-symbol{color:var(--muted);margin-bottom:25px;font:60px serif;display:block}.notice{background:var(--accent-soft);color:var(--accent);border-radius:6px;margin:15px 0;padding:12px 15px;font-size:13px}.explorer-layout{margin:0 0 50px;display:grid}.filter-group{border:0;border-bottom:1px solid var(--line);margin:0;padding:17px 0}.filter-group legend{padding:0;font-size:14px;font-weight:600}.filter-check{cursor:pointer;align-items:center;gap:5px;font-size:13px;display:flex}.filter-checks.elements .filter-check{border:1px solid var(--line);border-radius:4px;padding:5px 8px}.filter-checks.stacked{gap:8px;display:grid}.filter-group>small{color:var(--muted);margin-top:9px;font-size:12px;display:block}.explorer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.search-box{flex:1;min-width:150px;max-width:360px;position:relative}.search-box svg{color:var(--muted);position:absolute;top:13px;left:12px}.search-box input{padding-left:43px}.catalogue-grid{display:grid}.catalogue-card{border:1px solid var(--line);text-align:left;color:var(--text);transition:border-color .2s,box-shadow .2s}.catalogue-top{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.catalogue-body{display:flex}.catalogue-body .hex-drawing{flex-shrink:0;gap:4px}.catalogue-body .yao{gap:6px;height:4px}.catalogue-body .yao-wrap:nth-child(3){margin-bottom:4px}.catalogue-body h3{margin:0 0 4px}.catalogue-body p{color:var(--muted);margin:0;font-size:12px}.catalogue-meta{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:11px;font-size:12px;display:flex}.catalogue-tags{color:var(--accent);margin-top:8px;font-size:11px;line-height:1.6}.pagination{justify-content:center;align-items:center;gap:18px;margin-top:25px;font-size:14px;display:flex}.pagination button{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:8px 15px}.pagination button:disabled{opacity:.4;cursor:default}.guide-content{max-width:880px;margin:0 auto 50px}.guide-content .panel{margin:20px 0}.guide-content p,.guide-content li{color:var(--muted)}.guide-content ul,.guide-content ol{padding-left:22px}.reference-table{border-collapse:collapse;width:100%;font-size:14px}.reference-table th,.reference-table td{text-align:left;border-bottom:1px solid var(--line);padding:11px 13px}.reference-table th{background:var(--green-soft);font-weight:500}.scroll-table{overflow:auto}.guide-content a{color:var(--accent);text-decoration:underline}.guide-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.guide-grid .panel{margin:0}.detail-wrapper{max-width:850px;margin:auto}.back-link{color:var(--muted);margin:24px 0 0;font-size:14px;display:inline-block}@media(min-width:1400px){.hero{min-height:530px}.hero-diagram{transform:scale(1.04)}}@media(max-width:1050px){.nav-wrap,main{padding-left:30px;padding-right:30px}.nav-wrap{gap:24px}.nav-wrap nav{gap:22px}.hero{padding-left:0;padding-right:0}.hero-diagram{margin:-24px;transform:scale(.87)}.hero h1{font-size:42px}.vertical-poem{display:none}.hero-copy>p{font-size:15px}.site-footer{margin:0 30px}.panel{padding:21px}.feature-card{padding:23px 20px 17px}.feature-card p{min-height:50px}.home-bottom{gap:18px}.quote-panel,.study-panel{padding:25px}.quote-body{gap:27px}.quote-body h2{font-size:25px}.hero-actions{gap:2px}.hero-actions .button{padding:12px 17px}}@media(max-width:800px){.site-header{height:84px}.nav-wrap nav{gap:18px}.nav-cta{display:none}.brand-name{font-size:25px}.brand-symbol{font-size:35px}.hero{grid-template-columns:1.1fr .9fr;gap:0;min-height:430px}.hero h1{letter-spacing:.07em;font-size:35px}.hero-diagram{justify-self:center;width:392px;margin:-65px;transform:scale(.67)}.hero-copy{z-index:1}.hero .eyebrow{font-size:10px}.hero-caption{gap:6px;font-size:12px}.hero-caption b{padding:0 3px}.hero-actions{flex-wrap:wrap;margin-bottom:22px}.hero-actions .button{padding:11px 13px;font-size:14px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card p{min-height:0}.home-bottom{grid-template-columns:1fr 1fr}.quote-body{gap:22px}.quote-body .hex-drawing{width:60px}.quote-body h2{font-size:21px}.quote-body p{font-size:15px}.study-panel h3{font-size:21px}.section-title>p{display:none}.input-panel{max-width:none}.input-panel form>.fields-row{grid-template-columns:1fr 1fr}.input-panel .full{max-width:360px}.filters-panel{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.filters-panel>h2,.filters-panel>.text-button,.filters-panel>.help{grid-column:1/-1}.filter-group{border:0}.site-footer{flex-wrap:wrap}.guide-grid{grid-template-columns:1fr}.result-pair .hex-drawing{width:112px}.result-secondary .hex-drawing{width:52px}.result-column{scroll-margin-top:100px}}@media(max-width:560px){main,.nav-wrap{padding-left:20px;padding-right:20px}.site-header{height:auto;position:relative}.nav-wrap{flex-wrap:wrap;gap:0;padding-top:15px}.brand{margin-bottom:14px}.brand-name{font-size:25px}.brand-name small{font-size:10px}.nav-wrap nav{border-top:1px solid var(--line);flex-basis:100%;order:2;justify-content:space-between;gap:10px;height:49px}.nav-wrap nav a{font-size:13px}.nav-wrap nav a.active:after{width:4px;height:4px;bottom:4px}.nav-cta{margin-bottom:14px;padding:6px 12px;font-size:12px;display:flex}.hero{flex-direction:column;align-items:flex-start;padding:31px 0 42px;display:flex;overflow:hidden}.hero h1{margin:16px 0 15px;font-size:38px;line-height:1.5}.hero-copy{width:100%}.hero-copy>p{font-size:14px}.hero-diagram{order:2;align-self:center;margin:-45px -70px -65px;transform:scale(.72)}.hero-caption{margin-top:4px}.hero-actions{margin:22px 0}.hero h1 .seal{bottom:15px;right:-34px}.vertical-poem{display:none}.tool-section{padding:28px 0}.section-title h2{font-size:23px}.feature-grid{gap:12px}.feature-card{border-radius:10px;padding:20px 16px 15px}.feature-card h3{font-size:20px}.feature-card p{min-height:47px;margin-bottom:16px;font-size:13px;line-height:1.8}.feature-bottom{letter-spacing:0;gap:0;font-size:11px}.feature-bottom svg{width:14px;min-width:14px}.feature-top{margin-bottom:17px}.feature-icon{width:40px;height:40px}.feature-icon svg{width:24px}.card-index{font-size:16px}.home-bottom{grid-template-columns:1fr;gap:15px;margin-bottom:35px}.quote-body{gap:35px}.quote-body .hex-drawing{width:85px}.quote-body h2{font-size:28px}.study-panel h3{font-size:22px}.site-footer{gap:12px;margin:0 20px;padding:25px 0}.site-footer>p{display:none}.site-footer>a:last-child{font-size:11px}.page-heading{padding:28px 0 17px}.page-heading h1{font-size:29px}.work-tabs{margin-right:-20px}.panel{padding:20px}.result-head h2{font-size:22px}.hex-card{padding:20px 11px}.hex-card .hex-name{font-size:23px}.result-pair{gap:12px}.result-pair .hex-drawing{width:88px}.result-secondary{gap:8px}.mini-hex{padding:13px 7px}.mini-hex h3{font-size:15px}.trigram-labels{font-size:12px}.relationship-row{gap:17px;padding:15px 10px}.line-item{grid-template-columns:29px 33px minmax(0,1fr);gap:9px}.line-item p{font-size:16px}.line-item .line-title{font-size:14px}.catalogue-body h3{font-size:22px}.catalogue-meta{gap:4px;font-size:11px}.filters-panel{grid-template-columns:1fr 1fr;gap:12px}.filter-group{padding:10px 0}.filter-check{font-size:13px}.filter-group:nth-of-type(4){grid-column:1/-1}.filter-checks.stacked{grid-template-columns:1fr 1fr}.reference-table{font-size:13px}.reference-table th,.reference-table td{padding:9px}.judgment{font-size:18px}.guide-content .panel{padding:20px}.guide-content p,.guide-content li{font-size:14px}.source-link{overflow-wrap:anywhere}}.workspace>*,.explorer-layout>*,.result-pair>*,.fields-row>*{min-width:0}.result-head{flex-wrap:wrap}.result-head>span{overflow-wrap:anywhere}.details-tabs{max-width:100%}.notice{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.home-lessons{padding:20px 0 38px}.lesson-grid{margin-bottom:28px;display:grid}.lesson-card{border:1px solid var(--line);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex}.lesson-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.lesson-card h3{font:600 23px/1.55 var(--serif);margin:17px 0 12px}.lesson-card p{color:var(--muted);flex:1;font-size:16px}.lesson-card .text-button{font-size:14px}.learning-intro{border-left:4px solid var(--accent);justify-content:space-between;align-items:center;gap:24px;margin:8px 0 24px;display:flex}.learning-intro h2{margin-bottom:12px;font-size:24px}.learning-intro p{color:var(--muted);margin:0}.learning-intro .button{flex-shrink:0}.lesson-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.lesson-filters button{background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:8px 20px;font-size:16px}.lesson-filters button.active{background:var(--ink);color:var(--text);border-color:var(--ink)}.lesson-count,.lesson-footnote{color:var(--muted);font-size:14px}.lesson-footnote{margin:22px 0 48px}.lesson-layout{align-items:start;margin:12px 0 50px;display:grid}.lesson-toc{position:sticky;top:118px}.lesson-toc nav{gap:8px;margin-bottom:24px;display:grid}.lesson-toc button{text-align:left;color:var(--muted);background:0 0;padding:8px 0;font-size:14px;line-height:1.7}.lesson-toc button:hover{color:var(--accent)}.lesson-section{margin-bottom:20px;scroll-margin-top:115px}.lesson-section p,.lesson-section li{font-size:16px;line-height:1.95}.lesson-section p:last-child{margin-bottom:0}.lesson-section h3{margin-top:24px}.lesson-section ul{padding-left:23px}.lesson-section li{margin:8px 0}.lesson-tools{flex-wrap:wrap;gap:12px;margin-bottom:15px;display:flex}.lesson-sources a{color:var(--accent);text-decoration:underline}.lesson-section .help{color:var(--muted);font-size:14px}.lesson-pagination{grid-template-columns:1fr 1fr;gap:18px;display:grid}.lesson-pagination a{background:var(--green-soft);border-radius:8px;padding:20px;font-size:16px;line-height:1.8}.lesson-pagination small{color:var(--muted);font-size:14px;display:block}.lesson-pagination a:last-child{text-align:right}.lab-moves{border:0;flex-wrap:wrap;gap:12px;margin:12px 0;padding:0;display:flex}.lab-moves legend{color:var(--muted);margin-bottom:10px;font-size:14px}.lab-moves label{align-items:center;gap:4px;min-height:40px;font-size:14px;display:flex}.lab-actions button{font-size:14px}.lab-hex{text-align:center;background:var(--green-soft);border-radius:8px;min-width:0;padding:16px 5px}.lab-hex>span{color:var(--muted);font-size:14px}.lab-hex .hex-drawing{gap:5px;width:48px;margin:18px auto}.lab-hex .yao{gap:6px;height:5px}.lab-hex .move-dot{font-size:14px;top:-8px;left:calc(100% + 2px)}.lab-hex h3{font:18px/1.5 var(--serif);margin:12px 0}.lab-hex p{margin:0;font-size:13px}.lab-hex small{color:var(--muted);font-size:14px}.lab-summary{padding:18px 0;font-size:16px;line-height:1.9}.lab-detail{font-size:14px}.lesson-quiz fieldset{border:0;min-width:0;margin:0 0 18px;padding:0}.lesson-quiz legend{margin-bottom:18px;font-size:17px}.quiz-option{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:7px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:13px;font-size:16px;display:flex}.quiz-option input{flex-shrink:0;margin-top:5px}.quiz-feedback:empty{display:none}.quiz-feedback{border-radius:7px;margin:18px 0 0;padding:15px}.quiz-feedback.correct{background:var(--green-soft)}.quiz-feedback.retry{background:var(--accent-soft)}@media(max-width:1050px){.nav-wrap,.nav-wrap nav{gap:20px}.nav-cta{display:none}.lab-diagrams{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-intro{flex-direction:column;align-items:flex-start}}@media(max-width:800px){.lesson-toc{position:static}.lesson-toc nav{grid-template-columns:1fr 1fr;gap:4px 16px;margin-bottom:14px}.lab-diagrams{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:560px){.lesson-card h3{font-size:23px}.lesson-toc nav{grid-template-columns:1fr}.lesson-section h2{font-size:23px}.lesson-pagination{grid-template-columns:1fr}.lab-diagrams{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-hex:last-child{grid-column:1/-1}.lab-hex .hex-drawing{width:64px}.lab-hex h3{font-size:20px}.nav-wrap nav{justify-content:flex-start;gap:12px;overflow-x:auto}.nav-wrap nav a{font-size:14px}.learning-intro h2{font-size:23px}.home-lessons .section-title{flex-wrap:wrap;align-items:flex-start;gap:12px}}.result-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.result-gallery>.hex-card{cursor:pointer;grid-column:span 2;min-width:0}.result-gallery>.hex-card:nth-child(-n+2){grid-column:span 3}.result-gallery>.hex-card:hover,.result-gallery>.hex-card:focus-visible{border-color:var(--accent);box-shadow:var(--shadow)}.result-gallery .hex-drawing{gap:9px;width:100px;margin:22px auto 18px}.result-gallery .yao{gap:12px;height:8px}.result-gallery .hex-name{font-size:25px}.result-gallery .position-marks{margin-top:15px}.result-legend{margin:15px 0 3px}.position-marks{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.position-badge{background:var(--green-soft);color:var(--ink);border-radius:5px;align-items:center;padding:3px 8px;font-size:13px;line-height:1.5;display:inline-flex}.position-badge.trigram-proper,.position-badge.line-proper{background:var(--surface);color:var(--text)}.position-badge.line-missed{background:var(--surface);color:var(--accent)}.position-badge.responding{background:var(--surface);color:var(--text)}.position-badge.not-responding{background:var(--surface);color:var(--muted)}.position-none{color:var(--muted);font-size:12px}.moving-status{color:var(--text);gap:5px;margin-top:13px;font-size:13px;line-height:1.9;display:grid}.moving-status>span{overflow-wrap:anywhere}.moving-status small{color:var(--muted);font-size:12px}.moving-status .position-badge{padding:2px 5px;font-size:12px}.detail-hex-graphic .hex-drawing{gap:11px;width:142px;margin:auto}.detail-hex-graphic .yao{gap:17px;height:10px}.detail-hex-graphic .move-dot{font-size:17px}.result-detail .position-marks{justify-content:flex-start;margin:12px 0}.result-detail .moving-status{background:var(--paper);border-radius:7px;margin:12px 0 20px;padding:14px}.line-annotations{flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;display:flex}.line-annotations small{font:13px var(--sans);color:var(--muted)}.line-annotations .position-badge{font:12px var(--sans)}@media(max-width:800px){.result-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.result-gallery>.hex-card,.result-gallery>.hex-card:nth-child(-n+2){grid-column:span 1}.result-gallery>.hex-card:last-child{grid-column:span 2}}@media(max-width:560px){.result-gallery{gap:9px}.result-gallery>.hex-card{padding:17px 9px}.result-gallery .hex-drawing{gap:6px;width:76px}.result-gallery .yao{gap:9px;height:6px}.result-gallery .hex-name{font-size:21px}.result-gallery .position-badge{padding:2px 5px;font-size:12px}.result-gallery .moving-status{font-size:12px}.result-gallery .card-label{letter-spacing:.05em;font-size:12px}.result-gallery>.hex-card:last-child{grid-column:span 2}.result-gallery>.hex-card:last-child .hex-drawing{width:95px}}.catalogue-position,.lab-position{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.catalogue-position:empty,.lab-position:empty{display:none}.catalogue-position span,.lab-position span{background:var(--green-soft);color:var(--text);border-radius:4px;padding:2px 6px;font-size:12px;line-height:1.5}.lab-position{justify-content:center;margin-top:10px}.lab-position span{text-align:center}.catalogue-position span{overflow-wrap:anywhere}.result-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.result-gallery>.hex-card,.result-gallery>.hex-card:nth-child(-n+2){grid-column:span 1}.result-gallery>.hex-card:last-child{grid-column:span 2}.annotated-hex{text-align:left;grid-template-columns:minmax(157px,1.35fr) minmax(114px,1fr);align-items:stretch;gap:10px;max-width:530px;margin:20px auto 8px;display:grid}.visual-lines{grid-template-rows:repeat(6,minmax(27px,1fr));gap:3px;min-width:0;display:grid}.visual-line{grid-template-columns:22px 74px minmax(0,1fr);align-items:center;gap:3px;min-width:0;display:grid}.visual-yao{width:74px;display:block;position:relative}.visual-yao .yao{gap:10px;width:74px;height:7px}.visual-move-dot{color:var(--accent);font-size:12px;line-height:1;position:absolute;top:-15px;right:0}.visual-line-status{flex-wrap:wrap;align-content:center;gap:3px;font-size:10px;line-height:1.3;display:flex}.visual-line-status span{white-space:nowrap;border-radius:3px;padding:1px 3px}.visual-line-status .good,.visual-line-status .responding{color:var(--text);background:var(--surface)}.visual-context{grid-template-rows:1fr auto 1fr;gap:5px;min-width:0;display:grid}.visual-trigram{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex-wrap:wrap;align-content:center;align-items:center;gap:3px 5px;min-width:0;padding:7px;display:flex}.visual-trigram strong{white-space:nowrap;font-size:13px}.visual-trigram .element{font-size:11px}.visual-trigram small{width:100%;color:var(--muted);font-size:11px;display:block}.visual-proper{width:100%;font-size:11px;font-weight:600;display:block}.visual-relation{text-align:center;color:var(--accent);padding:2px 3px;font-size:11px;line-height:1.35}.visual-relation.剋{color:var(--accent)}.result-gallery .hex-card .hex-name{margin-top:12px}.result-gallery .hex-card .hex-number{display:block}.result-gallery .hex-card{flex-direction:column;display:flex}.result-gallery .hex-card .annotated-hex{flex:1;width:100%}.result-gallery .hex-card .hex-name{margin-bottom:3px}@media(max-width:800px){.result-gallery{grid-template-columns:minmax(0,1fr)}.result-gallery>.hex-card,.result-gallery>.hex-card:nth-child(-n+2),.result-gallery>.hex-card:last-child{grid-column:span 1}.annotated-hex{max-width:470px}}@media(max-width:560px){.result-gallery .hex-card{padding:17px 12px}.annotated-hex{grid-template-columns:minmax(157px,1.3fr) minmax(114px,1fr);gap:6px}.visual-trigram{padding:5px}.visual-trigram strong{font-size:12px}.visual-relation{font-size:10px}.detail-hex-graphic .annotated-hex{margin:14px auto 22px}}:root{--radius:18px}body{background:radial-gradient(circle at 88% 2%,var(--surface) 0,transparent 30%),var(--paper)}main{max-width:1440px;padding-inline:clamp(20px,4vw,62px)}.site-header{background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.site-header{background:color-mix(in srgb,var(--paper) 92.94%,transparent)}}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--line)}.nav-wrap{max-width:1440px;padding-inline:clamp(20px,4vw,62px)}.brand-name{letter-spacing:.12em}.nav-wrap nav a{letter-spacing:.04em;font-weight:600}.nav-cta{background:var(--surface);border-color:var(--line);border-radius:30px}.page-heading{padding:48px 0 26px}.page-heading h1{margin:10px 0 9px;font-size:clamp(34px,3vw,46px)}.work-tabs{border-bottom-color:var(--line);padding-bottom:9px}.work-tabs a{border:1px solid #0000;border-bottom:0;font-weight:600}.work-tabs a.active{border-color:var(--line);background:var(--surface);color:var(--ink)}.workspace{align-items:start}.result-column{min-width:0}.panel{border-color:var(--line);background:var(--surface);box-shadow:0 6px 24px var(--accent)}@supports (color:color-mix(in lab,red,red)){.panel{box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 3.14%,transparent)}}.input-panel h2{font-size:22px}.button.primary{border-radius:9px}.result-head{border-bottom:1px solid var(--line);align-items:end;margin:2px 0 25px;padding-bottom:19px}.result-eyebrow,.section-index{color:var(--accent);letter-spacing:.19em;font-size:10px;font-weight:800;line-height:1.4;display:block}.result-head h2{margin:7px 0 0;font-size:clamp(27px,2.5vw,36px);line-height:1.2}.result-method{border:1px solid var(--line);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:30px;align-items:center;gap:9px;padding:8px 12px;font-size:12px;display:inline-flex}.result-method i{background:var(--surface);border-radius:50%;width:3px;height:3px;display:block}.result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.direction-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);font:700 12px var(--sans);cursor:pointer;border-radius:999px;padding:8px 13px;line-height:1.35}.direction-toggle:hover,.direction-toggle[aria-expanded=true]{background:var(--raised);border-color:var(--line);color:var(--text)}.direction-toggle:focus-visible,.line-mode-toggle:focus-visible,.reading-open:focus-visible{outline:3px solid var(--line);outline-offset:3px}.reading-section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px;display:flex}.reading-section-heading h3{font:600 clamp(23px,2vw,29px)/1.3 var(--serif);letter-spacing:.04em;margin:5px 0 4px}.reading-section-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.reading-section-mark{font:20px var(--serif);color:var(--muted);white-space:nowrap}.featured-reading{flex-direction:column;gap:8px;min-width:0;display:flex}.featured-reading .reading-card{height:100%}.line-mode-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-self:flex-end;padding:7px 12px;font-size:11px;font-weight:700;transition:all .18s}.line-mode-toggle:hover,.line-mode-toggle[aria-expanded=true]{border-color:var(--line);background:var(--surface);color:var(--text)}.core-arrow{z-index:2;background:var(--paper);width:36px;height:36px;color:var(--text);box-shadow:0 5px 15px var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab,red,red)){.core-arrow{box-shadow:0 5px 15px color-mix(in srgb,var(--accent) 18.82%,transparent)}}.core-arrow{pointer-events:none;font-size:20px}.reading-card{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);text-align:left;box-shadow:0 5px 18px var(--accent);border-radius:17px;flex-direction:column;padding:23px;display:flex}@supports (color:color-mix(in lab,red,red)){.reading-card{box-shadow:0 5px 18px color-mix(in srgb,var(--accent) 2.75%,transparent)}}.reading-card{transition:transform .18s,border-color .18s,box-shadow .18s}.featured-reading:nth-child(2) .featured-card{background:linear-gradient(155deg,var(--surface) 0%,var(--surface) 42%,var(--surface) 100%);border-color:var(--line)}.reading-card-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-bottom:13px;display:flex}.reading-kind{font:700 13px var(--sans);letter-spacing:.12em;color:var(--text)}.reading-role{letter-spacing:.06em;color:var(--muted);font-size:11px}.reading-title{justify-content:space-between;align-items:center;gap:12px;margin:18px 0 8px;display:flex}.reading-title .hex-number{letter-spacing:.1em;color:var(--muted);font-size:10px;display:block}.reading-title .hex-name{font:600 30px/1.3 var(--serif);letter-spacing:.06em;margin:3px 0 0}.reading-symbol{font:29px/.8 var(--serif);color:var(--muted);letter-spacing:0}.annotated-hex{text-align:left;grid-template-columns:minmax(116px,1fr) minmax(104px,118px);align-items:stretch;gap:12px;width:100%;max-width:none;margin:10px 0 18px;display:grid}.visual-lines{grid-template-rows:repeat(6,29px);align-content:center;gap:4px;min-width:0;display:grid}.visual-line{align-items:center;gap:9px;min-width:0;line-height:1;display:flex}.visual-line:nth-child(3){margin-bottom:7px}.visual-line.is-moving{background:var(--surface);border-radius:5px;padding:2px 3px}.visual-yao,.visual-yao .yao{flex:0 0 90px;width:90px;display:block;position:relative}.visual-yao .yao{gap:12px;height:8px;display:flex}.visual-move-dot{font-size:14px;top:-16px;right:-4px}.visual-line-status{flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;line-height:1.3;display:flex}.visual-line-status b{color:var(--moving);white-space:nowrap;font-weight:700}.visual-line-status span{padding:1px 3px}.visual-line-name{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:700}.visual-line-status .responding,.visual-line-status .compared{background:var(--surface);color:var(--muted)}.visual-line-status .riding{background:var(--surface);color:var(--accent)}.visual-line-status .supporting,.visual-line-status .muted{background:var(--surface);color:var(--muted)}.annotated-hex.show-all-lines .visual-lines{grid-template-rows:repeat(6,minmax(34px,auto))}.visual-context{border-left:1px solid var(--line);grid-template-rows:1fr auto 1fr;gap:4px;min-width:0;padding-left:11px;display:grid}.visual-trigram{background:0 0;border:0;border-radius:0;flex-wrap:wrap;align-content:center;align-items:center;gap:2px 4px;padding:4px 0;display:flex}.visual-trigram strong{font:600 16px var(--serif)}.visual-side{color:var(--muted);font-size:11px}.visual-trigram .element{padding:0 4px;font-size:11px}.visual-proper{letter-spacing:.03em;width:100%;font-size:10px;font-weight:700}.visual-proper.yes{color:var(--text)}.visual-proper.no{color:var(--muted)}.visual-relation{text-align:left;color:var(--accent);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0;font-size:10px;font-weight:700;line-height:1.3;display:block}.direction-panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:7px;margin:0 0 16px;padding:12px;display:grid}.direction-panel[hidden]{display:none}.direction-trigram{border:1px solid var(--line);background:var(--surface);border-radius:7px;min-width:0;padding:7px 9px}.direction-trigram-name{color:var(--text);align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.direction-trigram-name strong{font:700 13px var(--serif);color:var(--text)}.direction-polarity{white-space:nowrap;border-radius:30px;margin-left:auto;padding:1px 6px;font-size:10px}.direction-polarity.yang{background:var(--surface);color:var(--text)}.direction-polarity.yin{background:var(--surface);color:var(--accent)}.direction-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.direction-values>span{gap:2px;min-width:0;display:grid}.direction-values small{color:var(--muted);font-size:10px;line-height:1.25}.direction-values b{color:var(--text);white-space:nowrap;font-size:12px}.direction-combination{background:var(--surface);color:var(--muted);border-radius:6px;margin:0;padding:7px 9px;font-size:11px;font-weight:700}.direction-combination.is-shun{background:var(--surface);color:var(--text)}.reading-deep-dive .direction-panel{max-width:470px;margin:0 0 22px}.reading-analysis{border-top:1px solid var(--line);margin-top:auto;padding-top:14px}.reading-analysis p{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.7}.reading-analysis strong{color:var(--text);font-weight:600}.reading-quote{-webkit-line-clamp:2;font:13px/1.7 var(--serif);color:var(--muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reading-open{border:0;border-top:1px solid var(--line);text-align:left;width:100%;font:inherit;color:var(--muted);letter-spacing:.04em;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;margin-top:17px;padding:10px 0 0;font-size:11px;font-weight:700;display:flex}.reading-open span{font-size:17px;line-height:1}.extension-card .reading-title{margin:14px 0 6px}.extension-card .reading-title .hex-name,.extension-card .reading-symbol{font-size:23px}.extension-card .annotated-hex{grid-template-columns:minmax(90px,1fr) minmax(90px,103px);gap:7px;margin:6px 0 13px}.extension-card .visual-context{padding-left:7px}.extension-card .visual-lines{grid-template-rows:repeat(6,23px);gap:2px}.extension-card .visual-yao,.extension-card .visual-yao .yao{flex-basis:70px;width:70px}.extension-card .visual-yao .yao{gap:8px;height:6px}.extension-card .visual-trigram strong{font-size:14px}.extension-card .visual-relation{font-size:10px}.extension-card .reading-analysis p{font-size:11px}.extension-card .reading-quote{font-size:12px}.result-legend{border-left:3px solid var(--line);background:var(--surface);border-radius:0 8px 8px 0;margin:0 0 26px;padding:11px 16px}.result-legend strong{color:var(--text)}.reading-deep-dive{margin:0 0 18px;padding:26px 30px;scroll-margin-top:115px}.reading-deep-dive .reading-section-heading{margin-bottom:18px}.reading-deep-dive .details-tabs{gap:22px;margin-bottom:24px}.reading-deep-dive .details-tabs button{padding:9px 0;font-size:13px;font-weight:700}.reading-detail-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.reading-detail-head>span{color:var(--muted);font-size:12px}.detail-hex-graphic{margin:14px 0 22px}.detail-hex-graphic .annotated-hex{max-width:380px;margin:0}.reading-deep-dive .judgment{border-left:3px solid var(--line);background:var(--surface);border-radius:0 8px 8px 0;margin:17px 0 25px;padding:18px 20px}.reading-rules{margin-bottom:42px}.reading-rules summary{color:var(--muted);font-weight:700}.position-badge.line-central{background:var(--surface);color:var(--text)}.position-badge.line-proper,.position-badge.line-response,.position-badge.line-compare{background:var(--surface);color:var(--muted)}.position-badge.line-ride{background:var(--surface);color:var(--accent)}.position-badge.line-support{background:var(--surface);color:var(--muted)}.line-annotations small{width:100%;margin-top:4px;line-height:1.65;display:block}@media(max-width:1190px){.input-panel{max-width:none}.input-panel #casting-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:24px;display:grid}.input-panel #cast-fields{grid-row:1/3}.input-panel .button.full{grid-area:1/2;width:auto;min-width:180px}.input-panel .form-error{grid-area:2/2}}@media(max-width:850px){.extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.extension-card:last-child{grid-column:1/-1}}@media(max-width:650px){.nav-wrap{padding-inline:20px}.page-heading{padding:26px 0 18px}.work-tabs a{white-space:nowrap}.input-panel #casting-form{display:block}.input-panel .button.full{width:100%}.result-head{align-items:start;gap:10px}.result-head h2{font-size:27px}.result-method{white-space:normal;padding:6px 8px;font-size:10px}.result-actions{justify-content:flex-start}.reading-section-heading{align-items:start}.reading-section-mark{font-size:14px}.core-pair,.extension-grid{grid-template-columns:minmax(0,1fr);gap:12px}.extension-card:last-child{grid-column:1}.core-arrow{width:29px;height:29px;font-size:16px;top:50%;transform:translate(-50%,-50%)rotate(90deg)}.reading-card,.extension-card{padding:19px}.featured-card .reading-title .hex-name{font-size:28px}.extension-card .reading-title .hex-name{font-size:25px}.annotated-hex,.extension-card .annotated-hex{grid-template-columns:minmax(130px,1fr) minmax(110px,135px);gap:10px}.extension-card .visual-lines{grid-template-rows:repeat(6,27px);gap:4px}.extension-card .visual-yao,.extension-card .visual-yao .yao{flex-basis:90px;width:90px}.extension-card .visual-yao .yao{gap:12px;height:8px}.extension-card .visual-context{padding-left:11px}.reading-deep-dive{padding:19px;scroll-margin-top:22px}.reading-detail-head{flex-direction:column;align-items:start;gap:1px}.result-legend{font-size:12px}}@media(max-width:390px){.annotated-hex,.extension-card .annotated-hex{grid-template-columns:minmax(113px,1fr) minmax(100px,116px);gap:6px}.visual-yao,.visual-yao .yao,.extension-card .visual-yao,.extension-card .visual-yao .yao{flex-basis:76px;width:76px}.visual-yao .yao,.extension-card .visual-yao .yao{gap:9px}.visual-context,.extension-card .visual-context{padding-left:7px}.visual-trigram strong{font-size:14px}}.catalogue-area{min-width:0}.explorer-toolbar{grid-template-columns:minmax(190px,1fr) auto;align-items:center;gap:10px 14px;display:grid}.explorer-toolbar .search-box{max-width:none}.catalogue-count{grid-column:1/-1;font-size:12px}.catalogue-expand{background:var(--paper);color:var(--text);white-space:nowrap;box-shadow:0 7px 18px var(--accent);border-radius:8px;justify-content:center;align-items:center;gap:13px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.catalogue-expand{box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 10.98%,transparent)}}.catalogue-expand:hover{background:var(--raised)}.catalogue-expand[aria-pressed=true]{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:none}.changed-filter-group{background:var(--surface);border-radius:8px;margin:5px -9px;padding:13px 9px}.changed-filter-group legend{color:var(--text)}.six-hint{background:var(--surface);color:var(--muted);border-radius:7px;margin:-4px 0 15px;padding:9px 12px;font-size:12px;line-height:1.7}.catalogue-grid{min-width:0}.catalogue-grid.six-mode{gap:18px;display:grid}.catalogue-six-row{border:1px solid var(--line);background:var(--surface);min-width:0;max-width:100%;box-shadow:0 6px 20px var(--accent);border-radius:12px;padding:13px}@supports (color:color-mix(in lab,red,red)){.catalogue-six-row{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 3.53%,transparent)}}.six-row-heading{justify-content:space-between;align-items:center;gap:12px;padding:0 2px 10px;display:flex}.six-row-heading strong{font:600 17px var(--serif)}.six-row-heading span{color:var(--muted);white-space:nowrap;font-size:11px}.catalogue-six-track{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:var(--muted) var(--muted);scrollbar-width:thin;gap:10px;width:100%;max-width:100%;padding:2px 2px 10px;display:flex;overflow-x:auto}.catalogue-card{flex-direction:column;min-width:0;display:flex}.catalogue-six-card{scroll-snap-align:start;background:var(--surface);flex:0 0 184px;width:184px;min-height:270px;padding:13px 12px}.catalogue-origin{z-index:2;background:var(--surface);border-color:var(--line);box-shadow:8px 0 18px var(--accent);position:sticky;left:2px}@supports (color:color-mix(in lab,red,red)){.catalogue-origin{box-shadow:8px 0 18px color-mix(in srgb,var(--accent) 9.8%,transparent)}}.catalogue-card.not-matching{opacity:.45;filter:saturate(.6)}.catalogue-card.not-matching:hover,.catalogue-card.not-matching:focus-visible{opacity:1;filter:none}.catalogue-card .catalogue-body{gap:12px;margin:15px 0 11px}.catalogue-card .catalogue-body .hex-drawing{flex-shrink:0;width:43px;margin:0}.catalogue-card .catalogue-body h3{font-size:23px}.catalogue-card .catalogue-meta{margin-top:auto;padding-top:9px}.catalogue-card .catalogue-position{flex-wrap:wrap;gap:4px;margin-top:9px;display:flex}.catalogue-card .trigram-mini,.catalogue-card .change-mini{border-radius:4px;padding:2px 5px;font-size:10px;line-height:1.5;display:inline-block}.catalogue-card .trigram-mini.proper{background:var(--surface);color:var(--text)}.catalogue-card .trigram-mini.not-proper{background:var(--surface);color:var(--muted)}.catalogue-card .change-mini{background:var(--surface);color:var(--accent)}.catalogue-card .structure-summary{background:var(--surface);width:100%;color:var(--muted);justify-content:space-between;align-items:center;gap:6px;display:flex}.catalogue-card .structure-summary b{color:var(--text);white-space:nowrap;font-weight:800}.catalogue-card .structure-summary span{text-overflow:ellipsis;white-space:nowrap;text-align:right;overflow:hidden}.catalogue-card .structure-more{background:var(--surface);color:var(--accent)}.catalogue-card .structure-empty{background:var(--surface);color:var(--muted)}.structure-filter-group .filter-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-card .catalogue-tags{margin-top:9px;font-size:10px}.catalogue-six-card .catalogue-top{font-size:10px}.catalogue-six-card .catalogue-body h3{font-size:21px}.catalogue-six-card .catalogue-body p,.catalogue-six-card .catalogue-meta{font-size:11px}.catalogue-six-card .catalogue-body .move-dot{font-size:12px;top:-7px;left:calc(100% + 2px)}.catalogue-grid.six-mode .empty-state{width:100%}@media(max-width:900px){.filters-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}.filters-panel h2,.filters-panel>#clear-filters,.filters-panel>.help{grid-column:1/-1}}@media(max-width:650px){.filters-panel{display:block}.explorer-toolbar{grid-template-columns:minmax(0,1fr);gap:10px}.explorer-toolbar .catalogue-expand{width:100%}.catalogue-count{grid-column:1}.catalogue-six-row{padding:11px 9px}.six-row-heading{display:block}.six-row-heading span{margin-top:3px;display:block}.catalogue-six-card{flex-basis:158px;width:158px;min-height:252px;padding:11px 9px}.catalogue-six-card .catalogue-body{gap:8px}.catalogue-six-card .catalogue-body .hex-drawing{width:34px}.catalogue-six-card .catalogue-body h3{font-size:19px}.catalogue-card .trigram-mini,.catalogue-card .change-mini{font-size:9px}}:root{--radius:16px;--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:"Microsoft JhengHei","PingFang TC",sans-serif}body{background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.75}html{scroll-padding-top:100px}h1,h2,h3{color:var(--ink)}button,a{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none}input,select,textarea{font:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}:focus-visible{outline:3px solid var(--line)!important;outline-offset:4px!important}.skip-link{z-index:100}.app-layout{min-height:100vh;display:flex}.studio-sidebar{z-index:40;background:var(--paper);width:232px;color:var(--muted);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.studio-brand{color:var(--text);align-items:center;gap:14px;padding:0 10px;display:flex}.studio-brand>span:last-child{font:28px/1.1 var(--serif);letter-spacing:.18em}.studio-brand small{font:9px/1 var(--sans);color:var(--muted);margin-top:10px;display:block}.yi-mark{flex-direction:column;gap:6px;width:30px;display:flex}.yi-mark i{background:var(--danger-soft);border-radius:1px;height:4px}.yi-mark i:nth-child(2){background:linear-gradient(to right,var(--danger-soft) 40%,transparent 40%,transparent 60%,var(--danger-soft) 60%)}.sidebar-label{color:var(--muted);padding:0 12px}.studio-sidebar nav{gap:5px;display:grid}.sidebar-link{color:var(--muted);align-items:center;gap:12px;padding:12px;display:flex;position:relative}.sidebar-link.selected{background:var(--paper);color:var(--text)}.sidebar-link:hover{color:var(--text);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sidebar-link:hover{background:color-mix(in srgb,var(--accent) 3.53%,transparent)}}.sidebar-link.selected:hover{background:var(--paper)}.sidebar-link>i{background:var(--danger-soft);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-divider{background:var(--accent);height:1px}@supports (color:color-mix(in lab,red,red)){.sidebar-divider{background:color-mix(in srgb,var(--accent) 4.71%,transparent)}}.sidebar-divider{margin:25px 12px}.method-link{color:var(--muted);align-items:center;gap:14px;padding:8px 12px;font-size:12px;display:flex}.method-link>span{color:var(--muted);font:9px ui-monospace,monospace}.method-link svg{opacity:0;margin-left:auto}.method-link:hover,.method-link.selected{color:var(--accent)}.method-link:hover svg,.method-link.selected svg{opacity:1}.sidebar-bottom{margin-top:auto;padding:48px 12px 0}.sidebar-seal{font:22px var(--serif);color:var(--accent);border:1px solid var(--line);display:inline-block}.sidebar-bottom p{font:11px/1.9 var(--serif);color:var(--muted);margin:18px 0 4px}.sidebar-bottom small{color:var(--muted)}.studio-content{width:calc(100% - 232px);min-width:0;margin-left:232px}.studio-topbar{border-bottom:1px solid var(--line);background:var(--paper);height:78px;padding:0 clamp(24px,3.5vw,56px)}.studio-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:25;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar-title{color:var(--muted);align-items:center;gap:13px;display:flex}.topbar-title>a,.topbar-title>span{color:var(--text)}.topbar-right{align-items:center;display:flex}.online-note{color:var(--muted);align-items:center;gap:8px;display:flex}.online-note i,.status-dot{background:var(--surface);border-radius:50%;width:5px;height:5px}.topbar-cta{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:7px;align-items:center;gap:18px;padding:9px 15px;font-size:12px;display:flex}.menu-button{display:none}.studio-main{min-height:calc(100vh - 78px);margin:auto}.studio-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-footer span{color:var(--muted);margin-left:6px}.studio-footer>a:last-child{align-items:center;gap:8px;display:flex}.overline{font:9px/1.5 var(--sans);font-weight:600}.new-hero{color:var(--muted);isolation:isolate;display:grid;position:relative;overflow:hidden}.new-hero:before{content:"";background:radial-gradient(ellipse at 90% 40%,var(--accent),transparent 60%),repeating-linear-gradient(0deg,transparent 0px,transparent 79px,var(--accent) 80px);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.new-hero:before{background:radial-gradient(ellipse at 90% 40%,color-mix(in srgb,var(--accent) 12.55%,transparent),transparent 60%),repeating-linear-gradient(0deg,transparent 0px,transparent 79px,color-mix(in srgb,var(--accent) .78%,transparent) 80px)}}.new-hero:before{pointer-events:none}.new-hero-copy{z-index:2;position:relative}.new-hero .overline{align-items:center;gap:10px;display:flex}.new-hero h1{color:var(--text)}.new-hero h1>span{display:block}.new-hero-actions{align-items:center;display:flex}.hero-primary{background:var(--accent);color:var(--on-accent);justify-content:center;align-items:center;gap:22px;display:flex}.hero-secondary{align-items:center;gap:12px;display:flex}.hero-footnote{color:var(--muted);align-items:center;display:flex}.hero-footnote>i{width:2px;height:2px}.hero-footnote small{color:var(--muted)}.hero-corner{font:8px/1 ui-monospace,monospace;position:absolute}.orbit-art{aspect-ratio:1;place-self:center;width:min(100%,380px);margin:0 -6px 0 22px;position:relative}.orbit-field{position:absolute;inset:0}.orbit-circle{border:1px solid var(--line);position:absolute}@supports (color:color-mix(in lab,red,red)){.orbit-circle{border:1px solid color-mix(in srgb,var(--line) 14.9%,transparent)}}.orbit-circle{border-radius:50%;inset:2%}.orbit-circle.middle{border-style:dashed;inset:12%}.orbit-inner{border:1px solid var(--line);position:absolute;inset:27%}@supports (color:color-mix(in lab,red,red)){.orbit-inner{border:1px solid color-mix(in srgb,var(--line) 18.82%,transparent)}}.orbit-inner{border-radius:50%}.orbit-axis{border:1px solid var(--line);position:absolute;inset:15%}@supports (color:color-mix(in lab,red,red)){.orbit-axis{border:1px solid color-mix(in srgb,var(--line) 13.73%,transparent)}}.orbit-axis{transform:rotate(45deg)}.orbit-axis.diagonal{transform:rotate(0)}.orbit-center{background:var(--paper);border:1px solid var(--line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:34%}@supports (color:color-mix(in lab,red,red)){.orbit-center{border:1px solid color-mix(in srgb,var(--line) 20%,transparent)}}.orbit-center{box-shadow:0 0 90px var(--accent)}@supports (color:color-mix(in lab,red,red)){.orbit-center{box-shadow:0 0 90px color-mix(in srgb,var(--accent) 7.84%,transparent)}}.orbit-center>span{font:42px/1 var(--serif);color:var(--muted)}.orbit-center>small{letter-spacing:.06em;color:var(--muted);margin-top:14px;font-size:7px}.orbit-trigram{color:var(--muted);background:var(--paper);flex-direction:column;align-items:center;padding:5px;display:flex;position:absolute;translate:-50% -50%}.orbit-trigram>span{color:var(--muted);font:36px/1 serif}.orbit-trigram>b{font:12px/1.4 var(--serif);margin-top:7px}.orbit-trigram>small{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:7px}.orbit-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 14px var(--accent);border-radius:50%;position:absolute;top:1%;left:43%}@supports (color:color-mix(in lab,red,red)){.orbit-dot{box-shadow:0 0 14px color-mix(in srgb,var(--accent) 46.67%,transparent)}}.orbit-caption{text-align:center;width:100%;color:var(--muted);letter-spacing:.16em;font-size:7px;position:absolute;bottom:-15px;left:0}.new-section-title{justify-content:space-between;display:flex}.new-section-title h2{letter-spacing:.03em;margin:8px 0 0}.new-section-title p{margin:0 0 3px}.new-tool-grid{display:grid}.new-tool-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 6);min-width:0;box-shadow:0 3px 12px var(--accent);border-width:1px;flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.new-tool-card{box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 1.18%,transparent)}}.tool-card-top{justify-content:space-between;display:flex}.tool-icon{background:var(--surface);width:42px;height:42px;color:var(--muted);border-radius:11px;place-items:center;display:grid}.tool-no{font:10px ui-monospace,monospace}.new-tool-card:nth-child(4) .tool-icon,.new-tool-card:nth-child(5) .tool-icon{background:var(--surface);color:var(--accent)}.new-tool-card>p{color:var(--muted)}.tool-card-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.new-lesson-grid{display:grid}.new-lesson-card{flex-direction:column;display:flex}.lesson-graphic{color:var(--muted);background-image:radial-gradient(circle at 50% 140%,transparent 66px,var(--accent) 67px,transparent 68px,transparent 84px,var(--accent) 85px,transparent 86px);font:50px/1 serif}@supports (color:color-mix(in lab,red,red)){.lesson-graphic{background-image:radial-gradient(circle at 50% 140%,transparent 66px,color-mix(in srgb,var(--accent) 9.8%,transparent) 67px,transparent 68px,transparent 84px,color-mix(in srgb,var(--accent) 9.8%,transparent) 85px,transparent 86px)}}.lesson-graphic i{color:var(--muted);font:8px ui-monospace,monospace;position:absolute;bottom:12px;left:18px}.new-lesson-card:nth-child(2) .lesson-graphic{background-color:var(--surface);color:var(--accent)}.new-lesson-card:nth-child(3) .lesson-graphic{background-color:var(--surface);color:var(--muted)}.new-lesson-card>div{flex-direction:column;flex:1;display:flex}.new-lesson-meta{color:var(--muted);align-items:center;gap:8px;display:flex}.new-lesson-meta i{background:var(--surface);border-radius:50%;width:2px;height:2px}.new-lesson-card p{margin:0 0 18px}.inline-link{margin-top:auto}.new-quote{align-items:center;display:flex}.new-quote p{font:12px/1.8 var(--serif);color:var(--muted);margin:0}.new-quote>.inline-link{margin:0 0 0 auto}.feature-view .page-heading{padding:8px 0 25px}.page-heading .eyebrow{letter-spacing:.17em;color:var(--accent);font-size:9px}.page-heading h1{margin:10px 0}.page-heading p{color:var(--muted)}.work-tabs{background:var(--surface);border:0;border-radius:10px;flex-wrap:wrap;width:fit-content;max-width:100%;margin:0 0 28px;padding:5px;display:flex}.work-tabs a{color:var(--muted);border:0;font-weight:500}.work-tabs a.active{background:var(--surface);color:var(--text);box-shadow:0 2px 7px var(--accent);border:0}@supports (color:color-mix(in lab,red,red)){.work-tabs a.active{box-shadow:0 2px 7px color-mix(in srgb,var(--accent) 6.27%,transparent)}}.panel{border-radius:var(--radius-xl);border-style:var(--tw-border-style);background:var(--surface);border-width:1px;border-color:var(--line);box-shadow:0 3px 15px var(--accent)}@supports (color:color-mix(in lab,red,red)){.panel{box-shadow:0 3px 15px color-mix(in srgb,var(--accent) 1.18%,transparent)}}.panel{padding:26px}.input-panel{position:sticky;top:102px}.input-panel #casting-form{display:block}.input-panel .button.full{width:100%;min-width:0}.field>span{color:var(--muted);font-weight:600;display:block}.field input,.field select,.stroke-char input,.search-box input{background:var(--surface);border:1px solid var(--line);border-radius:7px;min-height:42px;padding:11px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.search-box input:focus{border-color:var(--line);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab,red,red)){.field input:focus,.field select:focus,.search-box input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8.24%,transparent)}}.fields-row{gap:12px}.rule-note{border-color:var(--line);margin:20px 0}.button{gap:18px;padding:12px 20px}.button.primary:hover{background:var(--raised)}.button.secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.text-button{color:var(--muted);font-size:11px}.segmented{background:var(--surface);border:0;border-radius:8px;margin-bottom:22px;padding:4px}.segmented button{color:var(--muted);border-radius:5px;padding:9px 6px;font-size:11px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 5px var(--accent)}@supports (color:color-mix(in lab,red,red)){.segmented button.active{box-shadow:0 2px 5px color-mix(in srgb,var(--accent) 3.92%,transparent)}}.result-head{border-color:var(--line);gap:12px;margin:0 0 24px;padding-bottom:18px}.result-eyebrow,.section-index{letter-spacing:.18em;color:var(--accent);font-size:8px}.result-method{background:var(--surface);color:var(--muted);border:0;border-radius:6px;font-size:10px}.direction-toggle,.line-mode-toggle{border-color:var(--line);background:var(--surface);color:var(--muted);border-radius:6px;padding:8px 11px;font-size:10px}.reading-section-heading h3{font:500 23px/1.4 var(--serif)}.reading-section-heading p{color:var(--muted);font-size:11px}.reading-section-mark{color:var(--muted);font-size:15px}.core-pair{gap:16px}.reading-card{background:var(--surface);border-color:var(--line);box-shadow:0 3px 15px var(--accent);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.reading-card{box-shadow:0 3px 15px color-mix(in srgb,var(--accent) 1.18%,transparent)}}.reading-card{padding:22px;transition:border-color .2s,box-shadow .2s}.reading-card:hover,.reading-card:focus-visible{border-color:var(--line);box-shadow:0 8px 24px var(--accent);transform:none}@supports (color:color-mix(in lab,red,red)){.reading-card:hover,.reading-card:focus-visible{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 3.92%,transparent)}}.reading-card.primary-card,.featured-reading:nth-child(2) .featured-card{background:linear-gradient(145deg,var(--surface),var(--surface) 65%);border-color:var(--line)}.reading-kind{color:var(--muted);font-size:11px}.reading-role{font-size:9px}.reading-card-top{border-color:var(--line)}.reading-symbol{color:var(--muted)}.core-arrow{background:var(--surface);box-shadow:none;width:28px;height:28px;font-size:16px}.reading-analysis p{color:var(--muted);font-size:11px}.reading-analysis strong{color:var(--muted)}.reading-analysis{border-color:var(--line)}.reading-quote{color:var(--muted);font-size:12px}.reading-open{color:var(--muted);border-color:var(--line);font-size:10px}.reading-deep-dive{padding:28px}.judgment{font-size:18px;background:var(--surface)!important;border-left-color:var(--line)!important}.result-legend{background:var(--surface);border-color:var(--line);color:var(--muted);font-size:11px}.visual-line-name{color:var(--muted);font-size:9px}.visual-trigram strong{color:var(--muted);font-size:15px}.visual-context{border-color:var(--line)}.visual-line.is-moving{background:var(--surface)}.visual-relation{color:var(--accent);border-color:var(--line)}.visual-yao .yao i,.yao i{background:var(--surface)}.visual-line-status .good,.visual-line-status .muted{color:var(--muted);background:var(--surface)}.reading-section{margin-bottom:30px}.extension-grid{gap:12px}.direction-panel{background:var(--surface);border-color:var(--line)}.direction-trigram{border-color:var(--line)}.empty-state{border:1px dashed var(--line);background:var(--surface);border-radius:12px;padding:56px 24px}.empty-state h2{font:24px var(--serif)}.loading-panel{text-align:center;color:var(--muted);padding:60px;font-size:13px}.filters-panel{top:102px}.filters-panel h2{font:20px var(--serif)}.filter-group{border-color:var(--line);padding:18px 0}.filter-group legend{color:var(--muted);font-size:11px}.filter-check{color:var(--muted);gap:6px;min-height:28px;font-size:11px}.changed-filter-group{background:var(--surface)}.explorer-toolbar{margin-bottom:22px}.catalogue-expand{background:var(--raised);box-shadow:none;border-radius:7px;padding:11px 15px;font-size:11px}.catalogue-count{color:var(--muted);font-size:10px}.catalogue-card{border-color:var(--line)}.catalogue-card:hover{border-color:var(--line);box-shadow:0 6px 20px var(--accent)}@supports (color:color-mix(in lab,red,red)){.catalogue-card:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 3.92%,transparent)}}.catalogue-card:hover{transform:none}.catalogue-top{color:var(--muted);font-size:9px}.catalogue-meta{color:var(--muted);font-size:10px}.catalogue-six-row{background:var(--surface);border-color:var(--line);box-shadow:none;border-radius:12px;padding:16px}.catalogue-origin{background:var(--surface);box-shadow:8px 0 18px var(--accent)}@supports (color:color-mix(in lab,red,red)){.catalogue-origin{box-shadow:8px 0 18px color-mix(in srgb,var(--accent) 6.27%,transparent)}}.catalogue-card .structure-summary{background:var(--surface);color:var(--muted)}.six-hint{background:var(--surface);color:var(--muted);font-size:10px}.pagination{margin:24px 0}.pagination button{border-radius:7px;font-size:11px}.details-tabs button{font-size:12px}.lesson-card{border-color:var(--line)}.lesson-card h3{font-size:22px}.lesson-card p{color:var(--muted);font-size:13px}.lesson-meta{color:var(--muted);font-size:10px}.lesson-filters button{border-radius:7px;padding:9px 18px;font-size:11px}.lesson-filters button.active{background:var(--raised)}.learning-intro{border-left:3px solid var(--line);background:var(--surface)}.learning-intro h2{font-size:23px}.learning-intro p{color:var(--muted);font-size:12px}.lesson-toc{top:102px}.lesson-toc h2{font-size:18px}.lesson-toc nav button{font-size:12px}.lesson-section p,.lesson-section li{color:var(--muted);font-size:14px;line-height:2}.lesson-section h2{font-size:25px}.lab-hex{background:var(--surface);border-radius:8px}.lab-hex h3{font-size:17px}.lab-hex p,.lab-summary{font-size:12px}.quiz-option{background:var(--surface);border-color:var(--line);border-radius:8px;font-size:13px}.guide-content p,.guide-content li{color:var(--muted);font-size:14px;line-height:2}.reference-table{font-size:12px}.reference-table th{background:var(--surface);color:var(--muted)}.guide-content h2{font-size:24px}@media(min-width:1600px){.orbit-art{width:420px}.new-hero h1{font-size:54px}}@media(max-width:1250px){.studio-sidebar{width:204px;padding-inline:15px}.studio-content{width:calc(100% - 204px);margin-left:204px}.studio-main{padding-inline:28px}.new-hero h1{font-size:36px}.orbit-art{margin-left:0}.hero-footnote small{display:none}.extension-grid{grid-template-columns:1fr}.extension-card:last-child{grid-column:auto}.extension-card .annotated-hex{grid-template-columns:1fr 1fr;max-width:390px}.core-pair{grid-template-columns:1fr}.core-arrow{display:none}.new-lesson-card h3{font-size:16px}.online-note{display:none}}@media(max-width:960px){.studio-sidebar{width:185px;padding-inline:12px}.studio-content{width:calc(100% - 185px);margin-left:185px}.studio-main,.studio-topbar{padding-inline:22px}.new-hero-copy{max-width:70%}.orbit-art{opacity:.45;z-index:-1;width:320px;position:absolute;top:58px;right:-115px}.new-hero h1{font-size:38px}.hero-corner{display:none}.new-lesson-card{flex-direction:row}.lesson-graphic{flex-shrink:0;width:120px}.new-section-title p{display:none}.input-panel{position:static}.input-panel #casting-form{grid-template-columns:1fr auto;align-items:end;gap:0 24px;display:grid}.input-panel #cast-fields{grid-row:1/3}.input-panel .button.full{width:auto;min-width:160px}.input-panel .form-error{grid-column:2}.core-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid;position:static}.filters-panel h2,.filters-panel>#clear-filters,.filters-panel>.help{grid-column:1/-1}.new-quote>.inline-link{font-size:10px}.lesson-toc{position:static}.lesson-toc nav{grid-template-columns:1fr 1fr}.annotated-hex{grid-template-columns:1fr 100px;gap:6px}.visual-yao,.visual-yao .yao{flex-basis:75px;width:75px}}@media(max-width:720px){.studio-sidebar{width:248px;transition:translate .3s cubic-bezier(.22,1,.36,1);translate:-100%}.studio-sidebar.is-open{translate:0}.menu-overlay{background:var(--accent);display:block;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.menu-overlay{background:color-mix(in srgb,var(--accent) 34.9%,transparent)}}.menu-overlay{z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.studio-content{width:100%;margin-left:0}.studio-topbar{height:65px}.menu-button{color:var(--muted);background:0 0;place-items:center;padding:4px;display:grid}.topbar-title{gap:10px}.topbar-cta{gap:10px;padding:7px 10px;font-size:10px}.new-hero-copy{max-width:100%}.new-hero h1{font-size:36px}.orbit-art{opacity:.65;width:250px;top:auto;bottom:-55px;right:-18px}.new-section-title h2{font-size:23px}.new-section-title .inline-link{white-space:nowrap;gap:6px;font-size:10px}.new-tool-card h3{font-size:19px}.new-tool-card>p{margin-bottom:16px}.tool-icon{width:36px;height:36px}.tool-icon svg{width:20px}.tool-card-bottom{letter-spacing:0}.tool-card-bottom svg{width:14px}.lesson-graphic{width:94px}.new-lesson-card h3{font-size:17px}.new-quote{flex-wrap:wrap}.quote-symbol{font-size:56px}.new-quote>.inline-link{margin:0 0 0 auto}.studio-footer{padding-block:22px}.studio-footer span{display:none}.feature-view .page-heading{padding:8px 0 20px}.page-heading h1{font-size:32px}.work-tabs{justify-content:space-between;width:100%;padding:4px}.input-panel #casting-form{display:block}.input-panel .button.full{width:100%;min-width:0}.panel{padding:22px}.core-pair,.extension-grid{grid-template-columns:1fr}.reading-card,.extension-card{padding:22px}.annotated-hex,.extension-card .annotated-hex{grid-template-columns:minmax(130px,1fr) minmax(105px,130px);gap:12px}.visual-yao,.visual-yao .yao,.extension-card .visual-yao,.extension-card .visual-yao .yao{flex-basis:88px;width:88px}.extension-card .visual-lines{grid-template-rows:repeat(6,28px)}.result-head h2{font-size:26px}.reading-section-heading h3{font-size:23px}.reading-deep-dive{padding:22px;scroll-margin-top:86px}.result-actions{justify-content:flex-start}.filters-panel{display:block}.catalogue-body h3{font-size:21px}.lesson-toc nav{grid-template-columns:1fr}.learning-intro{flex-direction:column;align-items:flex-start}.lesson-section p,.lesson-section li{font-size:14px}.lab-diagrams{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-content .panel{padding:22px}}@media(max-width:380px){.studio-main{padding-inline:14px}.new-tool-card h3{font-size:18px}.work-tabs a{padding-inline:6px}.new-hero h1{font-size:33px}.annotated-hex{gap:7px}.visual-yao,.visual-yao .yao{flex-basis:76px;width:76px}}.sidebar-close{color:var(--muted);background:0 0;padding:7px;position:absolute;top:16px;right:14px}.new-tool-card>p,.new-lesson-card p,.page-heading p,.help,.rule-note,.notice,.reading-analysis p,.filter-check,.guide-content p,.guide-content li,.tool-card-bottom,.new-lesson-meta,.inline-link,.field>span,.catalogue-count,.catalogue-meta,.reading-role,.hero-footnote{color:var(--muted)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.studio-sidebar,.reading-card,.button,.field input,.field select{transition:none}}.evolution-art{z-index:2;place-self:center;min-width:0;position:relative}.evolution-canvas{aspect-ratio:1;position:relative}.evolution-canvas svg{width:100%;height:100%;display:block}.evolution-rings{fill:none}.evolution-directions{font:11px var(--serif)}.evolution-seed-label{font:17px var(--serif)}.evolution-trigram-name{font:19px var(--serif)}.evolution-trigram-nature{font:12px var(--sans)}.evolution-hex-name{font:8px var(--serif)}.sector-hit{fill:#0000;cursor:pointer;transition:fill .2s;outline:none!important}.evolution-sector.selected .sector-hit,.sector-hit:focus-visible{fill:var(--muted)}@supports (color:color-mix(in lab,red,red)){.evolution-sector.selected .sector-hit,.sector-hit:focus-visible{fill:color-mix(in srgb,var(--muted) 18.82%,transparent)}}.evolution-sector.selected .sector-hit,.sector-hit:focus-visible{stroke:var(--muted);stroke-width:.8px}.evolution-sector.selected{color:var(--text)}.evolution-caption{text-align:center;min-height:85px;padding:0 8px}.evolution-chapter{letter-spacing:.16em;font:10px ui-monospace,monospace;display:block}.evolution-caption strong{display:block}.evolution-controls{align-items:center;display:flex}.evolution-controls button{place-items:center;width:36px;display:grid}.evolution-controls button:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.evolution-controls button:hover{background:color-mix(in srgb,var(--accent) 13.33%,transparent)}}.evolution-controls button:hover{color:var(--muted)}.evolution-controls select{max-width:148px;padding:6px 24px 6px 10px}.evolution-controls option{background:var(--paper);color:var(--text)}.evolution-controls>span{letter-spacing:.08em;margin-left:4px}.evolution-inspect{border:1px solid var(--line);align-items:center;gap:12px;width:min(310px,94%);display:flex;position:absolute;bottom:142px;left:50%;translate:-50%}@supports (color:color-mix(in lab,red,red)){.evolution-inspect{border:1px solid color-mix(in srgb,var(--line) 43.92%,transparent)}}.evolution-inspect{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 16px;box-shadow:0 8px 35px #0003}.evolution-inspect>div{margin-right:auto}.evolution-inspect span{color:var(--muted);display:block}.evolution-inspect strong{font:20px var(--serif);color:var(--muted);white-space:nowrap;display:block}.evolution-inspect a{color:var(--muted)}.evolution-inspect button{color:var(--muted);background:0 0;padding:4px}.evolution-inspect button:hover{color:var(--text)}.new-hero-copy{align-self:center}.new-hero h1{font-size:clamp(34px,3.1vw,50px)}.hero-corner{display:none}@media(max-width:1250px){.new-hero h1{font-size:35px}}@media(max-width:1060px){.new-hero-copy{max-width:100%}.new-hero h1{font-size:40px}}@media(max-width:720px){.new-hero h1{font-size:35px;line-height:1.5}.evolution-art{margin:0}.evolution-hex-name{display:none}.evolution-caption strong{font-size:21px}.evolution-inspect{gap:8px;padding:12px;bottom:148px}}@media(prefers-reduced-motion:reduce){.evolution-sector,.sector-hit{transition:none}}.studio-topbar{background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.studio-topbar{background:color-mix(in srgb,var(--paper) 92.94%,transparent)}}.studio-sidebar{background:var(--paper)}.sidebar-label,.sidebar-bottom p,.sidebar-bottom small,.studio-brand small{color:var(--muted)}.topbar-title,.topbar-cta{font-size:13px}.online-note{color:var(--muted)}.hero-primary{background:var(--accent)}.hero-primary:hover{background:var(--accent);box-shadow:0 5px 22px var(--accent)}@supports (color:color-mix(in lab,red,red)){.hero-primary:hover{box-shadow:0 5px 22px color-mix(in srgb,var(--accent) 10.98%,transparent)}}.hero-secondary:hover,.new-tool-card>p,.new-lesson-card p{color:var(--muted)}.new-tool-card h3{font-size:23px}.tool-icon{color:var(--accent);background:var(--surface)}.new-tool-card:hover .tool-icon{background:var(--surface)}.new-tool-card:hover,.new-lesson-card:hover{border-color:var(--line);box-shadow:0 10px 28px var(--accent)}@supports (color:color-mix(in lab,red,red)){.new-tool-card:hover,.new-lesson-card:hover{box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 5.1%,transparent)}}.new-lesson-card h3{font-size:20px}.studio-footer>a{min-height:36px}.page-heading .eyebrow{color:var(--accent);font-size:11px}.work-tabs a{align-items:center;display:flex}.workspace{align-items:start;display:grid}.input-panel h2{margin:0 0 24px}.input-panel form{display:block}.fields-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field input,.field select{width:100%;min-width:0;min-height:44px;font-size:14px}.field>span{color:var(--text)}.help,.rule-note,.notice{color:var(--muted);font-size:13px;line-height:1.85}.button{justify-content:center;align-items:center;display:inline-flex}.button.full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary:hover{background:var(--surface)}.button:hover svg,.hero-primary:hover svg,.reading-open:hover svg{translate:3px -2px}.button svg,.hero-primary svg,.reading-open svg{transition:translate .2s}.text-button{min-height:36px;font-size:13px}.form-error{color:var(--moving);font-size:13px}.segmented{display:flex}.segmented button{flex:1;min-height:44px;font-size:13px}.result-head h2{font-size:29px}.result-method,.direction-toggle,.line-mode-toggle{min-height:40px;font-size:12px}.result-eyebrow,.section-index{font-size:10px}.reading-section-heading p{font-size:13px}.reading-role,.reading-kind,.hex-number{font-size:12px}.reading-card-top{justify-content:space-between;padding-bottom:13px;display:flex}.reading-title{justify-content:space-between;gap:12px;margin:18px 0;display:flex}.reading-title .hex-name{font-size:27px}.reading-symbol{flex-shrink:0;font-size:26px;line-height:1.1}.reading-analysis p,.reading-quote{font-size:13px;line-height:1.8}.reading-open{background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:44px;font-size:13px;display:flex}.reading-card{padding:24px}.core-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid;position:relative}.extension-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.extension-card .reading-title .hex-name{font-size:21px}.extension-card{padding:18px}.reading-react,.result-column{min-width:0}.result-column{scroll-margin-top:96px}.annotated-hex{grid-template-columns:minmax(120px,1fr) minmax(70px,95px);gap:12px;display:grid}.visual-lines{grid-template-rows:repeat(6,32px);display:grid}.visual-line{flex-wrap:nowrap;align-items:center;gap:7px;display:flex}.visual-line-name{flex-shrink:0;font-size:11px}.visual-yao,.visual-yao .yao{flex-basis:76px;width:76px}.yao{flex-shrink:0;gap:12px;width:64px;display:flex}.yao i{background:var(--raised);flex:1;height:5px}.yao.moving i{background:var(--danger-soft)}.visual-line.is-moving{background:var(--surface);border-radius:4px}.visual-line-status{flex-wrap:wrap;gap:3px;font-size:9px;line-height:1.5;display:flex}.visual-line-status>span{border-radius:3px;padding:1px 3px}.visual-line-status .good{background:var(--surface);color:var(--text)}.visual-line-status .muted{color:var(--muted);background:var(--surface)}.visual-context{grid-template-rows:1fr auto 1fr;gap:5px;display:grid}.visual-trigram{flex-wrap:wrap;place-content:center;align-items:center;gap:5px;display:flex}.visual-side,.visual-proper{font-size:10px}.visual-trigram strong{font-size:17px}.visual-relation{text-align:center;font-size:11px}.element-badge{background:var(--surface);color:var(--text);border-radius:4px;padding:2px 5px;font-size:11px}.hex-drawing{flex-direction:column-reverse;gap:5px;width:45px;display:flex}.hex-drawing .yao{gap:8px;width:100%}.hex-drawing .yao i{height:4px}.direction-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.direction-values small{font-size:10px;display:block}.direction-values b{font-size:12px;font-weight:500}.direction-combination{font-size:12px}.direction-panel{border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:16px}.direction-pair{gap:16px;display:grid}.details-tabs{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.details-tabs button{min-height:44px;font-size:13px}.reading-detail-head h4{font:28px var(--serif);margin:8px 0}.reading-detail-head>span{font-size:13px}.detail-hex-graphic{max-width:440px;margin:24px auto}.line-item{grid-template-columns:50px 48px minmax(0,1fr);align-items:start;gap:12px;display:grid}.line-item>.yao{width:50px;margin-top:8px}.line-item.selected{background:var(--surface);border-left-color:var(--line)}.line-item p{margin:0;font-size:14px;line-height:1.85}.line-title{font-size:13px}.line-annotations{margin-top:8px;display:block}.line-annotations small{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.7;display:block}.judgment{font-size:19px;line-height:1.9}.source-link{font-size:13px}.reading-rules{margin-top:24px;font-size:13px;line-height:1.9}.reading-rules summary{cursor:pointer;min-height:32px}.body-use{font-size:13px}.reading-rules ol{padding-left:22px;list-style:decimal}.manual-lines{flex-direction:column-reverse;gap:8px;margin:20px 0;display:flex}.manual-line{justify-content:space-between;align-items:center;gap:7px;font-size:12px;display:flex}.line-toggle{background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:8px;display:flex}.line-toggle .yao{width:70px}.manual-line label{white-space:nowrap}.stroke-heading{color:var(--muted);margin:16px 0 8px;font-size:13px}.stroke-grid{flex-wrap:wrap;gap:8px;display:flex}.stroke-field{text-align:center;border:1px solid var(--line);background:var(--surface);gap:4px;width:63px;display:grid}.stroke-field>span{font:22px var(--serif)}.stroke-field input{text-align:center;border:1px solid var(--line);border-radius:4px;width:100%;min-width:0;min-height:36px;padding:6px 0;font-size:14px}.stroke-field small{color:var(--muted);font-size:10px}.stroke-field.unknown{border-color:var(--line);background:var(--surface)}.mobile-result-link{display:none}.catalogue-card{color:inherit;min-width:0;display:block}.catalogue-top,.catalogue-meta,.catalogue-body p,.catalogue-tags{font-size:12px}.catalogue-position{gap:5px;font-size:11px;display:grid}.trigram-mini{font-size:11px}.filter-group legend,.filter-check{font-size:13px}.filter-check{min-height:36px}.filter-check input{flex-shrink:0;width:16px;height:16px}.filter-checks{flex-wrap:wrap;gap:4px 14px;display:flex}.react-filters{max-height:calc(100vh - 120px);display:block;overflow:auto}.filter-group{min-width:0;margin:0}.filter-group .field{margin-top:10px}.catalogue-count{font-size:12px}.catalogue-expand{min-height:44px;font-size:13px}.six-mode{display:grid;grid-template-columns:1fr!important}.catalogue-six-track{gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.catalogue-six-track .catalogue-card{flex:0 0 180px}.catalogue-six-track .not-matching{opacity:.4}.catalogue-six-track .catalogue-origin{z-index:1;position:sticky;left:0}.catalogue-grid,.explorer-layout>section{min-width:0}.pagination button{min-height:44px;font-size:13px}.filter-drawer-trigger,.filter-drawer-close{display:none}.lesson-section p,.lesson-section li,.guide-content p,.guide-content li{color:var(--text);font-size:15px;line-height:1.95}.lesson-section ul,.guide-content ul{padding-left:22px;list-style:outside}.lesson-meta,.lesson-count{font-size:12px}.lesson-card p{font-size:14px}.lesson-card{transition:transform .25s,border-color .25s}.lesson-card:hover{border-color:var(--line);transform:translateY(-4px)}.lesson-filters button,.lesson-toc nav button{min-height:44px;font-size:13px}.lesson-section{scroll-margin-top:96px}.lab-moves{border:0;flex-wrap:wrap;gap:12px;padding:0;font-size:13px;display:flex}.lab-moves legend{width:100%;margin-bottom:12px}.lab-actions{flex-wrap:wrap;gap:16px;margin:16px 0;display:flex}.lab-diagrams{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.lab-hex{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;display:flex}.lab-hex h3{margin:0;font-size:16px}.lab-hex p{margin:0;font-size:12px;line-height:1.7}.lab-hex .hex-drawing{margin:8px 0}.lab-position{color:var(--muted);gap:4px;font-size:10px;display:grid}.lab-summary{font-size:13px;line-height:1.9}.quiz-option{align-items:flex-start;gap:12px;padding:14px;font-size:14px;display:flex}.quiz-option input{margin-top:6px}.quiz-feedback{font-size:14px}.lesson-quiz fieldset{border:0;padding:0}.lesson-quiz legend{margin:0 0 16px;font-size:16px}.lesson-pagination{justify-content:space-between;gap:24px;font-size:13px;display:flex}.lesson-tools{flex-wrap:wrap;gap:12px;display:flex}.learning-intro p,.reference-table{font-size:14px}.reference-table th,.reference-table td{padding:14px}.guide-content a,.source-link,.lesson-sources a{color:var(--muted);text-underline-offset:4px;text-decoration:underline}.button,a,input,select{transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media(max-width:1400px){.core-pair,.extension-grid{grid-template-columns:1fr}.extension-card .annotated-hex{max-width:430px}.lab-diagrams{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1060px){.input-panel{position:static}.core-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.extension-grid{grid-template-columns:1fr}.react-filters{max-height:none;position:static}.mobile-result-link{margin-top:12px;display:block}}@media(max-width:720px){.studio-main{padding-inline:16px}.new-tool-card h3{font-size:20px}.new-section-title h2{font-size:25px}.new-section-title .inline-link{font-size:11px}.new-lesson-card h3{font-size:19px}.work-tabs{flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.work-tabs a{white-space:nowrap;flex-shrink:0}.core-pair{grid-template-columns:1fr}.reading-card{padding:22px}.reading-title .hex-name{font-size:27px}.annotated-hex,.extension-card .annotated-hex{grid-template-columns:minmax(155px,1fr) 100px;gap:12px}.visual-yao,.visual-yao .yao{flex-basis:77px;width:77px}.visual-line-status{gap:2px;font-size:8px}.reading-deep-dive{padding:20px}.details-tabs{gap:4px}.details-tabs button{padding:8px 10px;font-size:12px}.line-item{grid-template-columns:35px 36px minmax(0,1fr);gap:9px;padding:14px 8px}.line-item>.yao{gap:6px;width:35px}.line-item p{font-size:14px}.line-title{font-size:12px}.filter-drawer-trigger{margin-bottom:20px;display:flex}.react-filters{display:none}.react-filters.drawer-open{z-index:60;background:var(--surface);border-radius:16px 0 0 16px;width:min(360px,92vw);max-height:100vh;padding:28px 24px 40px;display:block;position:fixed;inset:0 0 0 auto;overflow:auto}.filter-overlay{background:var(--paper);position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.filter-overlay{background:color-mix(in srgb,var(--paper) 40%,transparent)}}.filter-overlay{z-index:55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filter-drawer-close{width:40px;height:40px;color:var(--text);background:0 0;place-items:center;display:grid;position:absolute;top:16px;right:16px}.drawer-open .filter-group:first-of-type{margin-top:24px}.catalogue-body h3{font-size:24px}.catalogue-meta{flex-wrap:wrap;gap:5px;font-size:11px}.catalogue-count{font-size:12px}.catalogue-six-row{padding:14px}.catalogue-six-track .catalogue-card{flex-basis:170px}.catalogue-six-track .catalogue-origin{position:relative}.six-row-heading{flex-wrap:wrap;font-size:13px}.six-row-heading span{font-size:11px}.lesson-toc{position:static}.lab-diagrams{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-pagination{flex-direction:column;gap:16px}.learning-intro h2{font-size:23px}.new-quote h2{font-size:28px}.form-error{margin-top:12px}}@media(max-width:380px){.studio-main{padding-inline:12px}.new-hero{padding-inline:18px}.reading-card{padding:18px}.annotated-hex,.extension-card .annotated-hex{grid-template-columns:minmax(140px,1fr) 80px;gap:8px}.visual-yao,.visual-yao .yao{flex-basis:68px;width:68px}.visual-line-status{font-size:8px}.fields-row{gap:8px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.lesson-card:hover{transform:none}}@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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.studio-topbar .topbar-cta{background:var(--accent);color:var(--on-accent);min-height:44px;border-color:var(--accent)}.skip-link{background:var(--accent);color:var(--on-accent)}.studio-sidebar .sidebar-link.selected,.studio-sidebar .sidebar-link.selected:hover{background:var(--raised);color:var(--text)}.menu-overlay{background:var(--overlay)}.studio-brand .yi-mark i{background:var(--accent)}.studio-brand .yi-mark i:nth-child(2){background:linear-gradient(to right,var(--accent) 40%,transparent 40%,transparent 60%,var(--accent) 60%)}.status-dot,.sidebar-link>i{background:var(--accent)}.studio-sidebar .sidebar-seal{color:var(--accent);border-color:var(--accent)}.studio-sidebar .sidebar-close{min-height:44px;min-width:44px;color:var(--text)}:root,:root[data-theme=jade]{--paper:#101B18;--surface:#192923;--text:#EDE8DA;--muted:#B4BEB0;--accent:#D7B780;--moving:#E08068;--on-accent:#101B18;color-scheme:dark}:root[data-theme=midnight]{--paper:#111827;--surface:#1E293B;--text:#F1F5F9;--muted:#BAC7D8;--accent:#9EC7F1;--moving:#F2A58A;--on-accent:#111827;color-scheme:dark}:root[data-theme=rose]{--paper:#201820;--surface:#30232F;--text:#F2E8EF;--muted:#C9B8C6;--accent:#DDB8CC;--moving:#F0AA8F;--on-accent:#201820;color-scheme:dark}:root[data-theme=paper]{--paper:#F5F1E8;--surface:#FFFCF5;--text:#2B332D;--muted:#5F685F;--accent:#806129;--moving:#A34432;--on-accent:#FFFCF5;color-scheme:light}:root{--ink:var(--text);--gold:var(--accent);--accent-soft:color-mix(in srgb,var(--accent) 10%,var(--surface));--green-soft:var(--raised);--raised:color-mix(in srgb,var(--accent) 7%,var(--surface));--line:color-mix(in srgb,var(--accent) 24%,var(--surface));--danger:var(--moving);--danger-soft:color-mix(in srgb,var(--moving) 12%,var(--surface));--positive:var(--text);--positive-soft:var(--raised);--wood:var(--text);--fire:var(--moving);--earth:var(--accent);--metal:var(--muted);--water:var(--text);--shadow:0 18px 50px #0002;--overlay:#0008}.theme-picker{position:relative;flex-shrink:0}.theme-trigger{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--accent);border:1px solid var(--line);border-radius:8px;min-width:44px;min-height:44px;padding:8px 12px;font-size:13px}.theme-trigger:hover{background:var(--raised);border-color:var(--accent)}.theme-popover{position:absolute;right:0;top:calc(100% + 12px);width:280px;max-width:calc(100vw - 32px);border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);padding:16px;border-radius:14px;z-index:70}.theme-heading{display:block;font-size:16px;margin-bottom:12px}.theme-option{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px;border-radius:8px;cursor:pointer;font-size:16px}.theme-option:hover,.theme-option:focus-within{background:var(--raised)}.theme-option input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.theme-option>svg{margin-left:auto;color:var(--accent)}.theme-swatches{display:flex;gap:2px;border:1px solid var(--line);padding:2px;border-radius:6px}.theme-swatches i{width:14px;height:24px;border-radius:3px}.theme-popover small{display:block;color:var(--muted);font-size:13px;padding:12px 8px 0;border-top:1px solid var(--line);margin-top:8px}:focus-visible{outline-color:var(--accent)!important}::selection{background:var(--accent);color:var(--on-accent)}.theme-option input:focus-visible{outline-offset:3px}@media(max-width:720px){.theme-trigger{width:44px;padding:8px}.theme-trigger>span{display:none}.studio-topbar .topbar-right,.studio-topbar{gap:8px}.studio-topbar .topbar-title{gap:6px;min-width:0}.studio-topbar .topbar-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-popover{right:-96px}.studio-content .menu-button{min-width:44px;min-height:44px}.studio-topbar .topbar-cta{padding-inline:10px;gap:6px}}.studio-content[data-inner] .menu-button{min-width:44px;min-height:44px}.studio-content[data-inner] .stroke-field.corrected{border-color:var(--accent);background:var(--accent-soft)}.studio-content[data-inner] .stroke-field.corrected small{color:var(--muted)}.studio-content[data-inner] :is(.lab-moves label,.manual-line label){min-height:44px;display:inline-flex;align-items:center}.studio-content[data-inner] .catalogue-expand{min-height:44px}.studio-content[data-inner] .guide-content{width:100%;grid-template-columns:minmax(0,1fr)}.studio-content[data-inner] .guide-content .lesson-section,.studio-content[data-inner] .lesson-article{min-width:0}.studio-content[data-inner] .lesson-section>div{min-width:0}.studio-content[data-inner] .reading-card:focus-within{transform:translateY(-4px);border-color:color-mix(in srgb,var(--line) 60%,transparent)}.studio-content[data-inner] .reading-card:active{transform:scale(.98)}@media(hover:none){.studio-content[data-inner] :is(.reading-card,.catalogue-card,.lesson-card):hover{transform:none}}.studio-content[data-inner]{background:var(--paper);color:var(--text);min-height:100vh}.studio-content[data-inner] .studio-main{padding-top:24px}.studio-content[data-inner] .studio-topbar{background:color-mix(in srgb,var(--paper) 92.94%,transparent);border-color:var(--line)}.studio-content[data-inner] :is(h1,h2,h3,h4){color:var(--ink);font-weight:400}.studio-content[data-inner] :is(p,li){font-size:16px;line-height:1.9}.studio-content[data-inner] :is(small,.help,.notice,.rule-note,.field>span,.eyebrow,.section-index,.section-label,.hex-number,.reading-kind,.reading-role,.result-eyebrow,.catalogue-top,.catalogue-meta,.catalogue-tags,.trigram-mini,.change-mini,.lesson-meta,.lesson-count,.progress-label,.reading-detail-head>span,.visual-side,.visual-proper,.visual-relation,.line-title){font-size:13px;color:var(--muted)}.studio-content[data-inner] :is(.topbar-title,.topbar-title>a,.topbar-title>span,.online-note,.studio-footer,.studio-footer span){color:var(--muted)}.studio-content[data-inner] .topbar-cta{background:var(--accent);color:var(--on-accent);border-color:var(--line);min-height:44px;font-size:14px}.inner-motion-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--line) 26.67%,transparent);border-radius:8px;background:transparent;color:var(--accent);font-size:13px}.inner-motion-toggle:disabled{opacity:.8}.studio-content[data-inner] .studio-footer a{min-height:44px;display:flex;align-items:center}.studio-content[data-inner] .immersive-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 0 28px;overflow:hidden;isolation:isolate}.heading-copy{position:relative;z-index:1;max-width:calc(100% - 230px)}.studio-content[data-inner] .page-heading h1{margin:18px 0 14px}.studio-content[data-inner] .page-heading p{color:var(--muted)}.studio-content[data-inner] .eyebrow{color:var(--accent);letter-spacing:.16em}.eyebrow>i{width:28px;height:1px;background:currentColor}.heading-edition{display:flex;align-items:center;gap:12px;font:13px ui-monospace,monospace;color:var(--muted);letter-spacing:.08em}.heading-edition i{width:16px;height:1px;background:color-mix(in srgb,var(--accent) 40%,transparent)}.inner-halo{position:relative;width:230px;height:230px;flex-shrink:0;color:var(--accent);pointer-events:none}.inner-halo svg{position:relative;width:100%;height:100%}.halo-ring{stroke:color-mix(in srgb,var(--accent) 53.33%,transparent);stroke-width:.6;fill:none}.inner-ring{stroke:color-mix(in srgb,var(--accent) 18.82%,transparent)}.halo-aura{position:absolute;inset:-20%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 46.67%,transparent),transparent 65%);border-radius:50%;will-change:opacity}.motif-center{fill:var(--accent);font:48px var(--serif)}.motif-seal{fill:color-mix(in srgb,var(--accent) 3.14%,transparent);stroke:color-mix(in srgb,var(--accent) 40%,transparent);stroke-width:1}.motif-numbers{font:14px var(--serif);fill:var(--accent)}.motif-lines{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round}.motif-company .motif-seal{stroke-width:2}.motif-company .motif-center{fill:var(--moving)}.studio-content[data-inner] :is(.panel,.reading-card,.catalogue-card,.lesson-card){background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 30px #00000012;border-radius:16px;transition:transform .25s,border-color .25s,box-shadow .25s}.studio-content[data-inner] :is(.reading-card,.catalogue-card,.lesson-card):is(:hover,:focus-visible){transform:translateY(-4px);border-color:color-mix(in srgb,var(--line) 60%,transparent);box-shadow:0 16px 40px #0003,0 0 25px color-mix(in srgb,var(--accent) 3.14%,transparent)}.studio-content[data-inner] :is(.catalogue-card,.lesson-card):active{transform:translateY(-2px) scale(.98)}.studio-content[data-inner] .panel{padding:28px}.studio-content[data-inner] .input-panel{top:102px}.studio-content[data-inner] .input-panel h2{font-size:24px}.studio-content[data-inner] .work-tabs{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px}.studio-content[data-inner] .work-tabs a{color:var(--muted)}.studio-content[data-inner] .work-tabs a.active{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 15px color-mix(in srgb,var(--accent) 8.63%,transparent)}.studio-content[data-inner] .work-tabs a:hover:not(.active){background:color-mix(in srgb,var(--accent) 7.06%,transparent);color:var(--muted)}.studio-content[data-inner] :is(.field input,.field select,.stroke-field input,.search-box input){background:var(--paper);color:var(--text);border:1px solid color-mix(in srgb,var(--muted) 80%,var(--paper));min-height:48px;font-size:16px;box-shadow:none;border-radius:9px;padding:12px}.studio-content[data-inner] :is(input,select):focus{border-color:var(--line);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8.63%,transparent)}.studio-content[data-inner] input::placeholder{color:var(--muted)}.studio-content[data-inner] :is(input[type=checkbox],input[type=radio]){accent-color:var(--accent);width:19px;height:19px}.studio-content[data-inner] :is(.rule-note,.notice){background:color-mix(in srgb,var(--accent) 4.71%,transparent);border:1px solid color-mix(in srgb,var(--line) 14.9%,transparent);border-radius:10px;padding:16px;color:var(--muted);font-size:14px}.studio-content[data-inner] .button.primary{min-height:48px;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 7.06%,transparent);font-size:16px}.studio-content[data-inner] .button.primary:hover{background:var(--accent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 20%,transparent)}.studio-content[data-inner] :is(.button.secondary,.direction-toggle,.line-mode-toggle){background:var(--raised);border:1px solid color-mix(in srgb,var(--line) 26.67%,transparent);color:var(--muted);font-size:14px;min-height:44px}.studio-content[data-inner] .text-button{font-size:14px;color:var(--accent);min-height:44px}.studio-content[data-inner] .form-error{color:var(--accent)}.studio-content[data-inner] .segmented{background:var(--paper);border:1px solid var(--line)}.studio-content[data-inner] .segmented button{font-size:14px;min-height:44px;color:var(--muted)}.studio-content[data-inner] .segmented button.active{background:var(--accent);color:var(--on-accent)}.studio-content[data-inner] .manual-line{font-size:13px}.studio-content[data-inner] .line-toggle{background:var(--raised);color:var(--text);border-color:var(--line);min-height:48px}.studio-content[data-inner] .stroke-field{background:var(--paper);border:1px solid color-mix(in srgb,var(--line) 33.33%,transparent);width:80px}.studio-content[data-inner] .stroke-field>span{font-size:28px;color:var(--text)}.studio-content[data-inner] .stroke-field small{font-size:13px;color:var(--muted)}.studio-content[data-inner] .stroke-field:has(input:focus){border-color:var(--line)}.studio-content[data-inner] .stroke-field.unknown{border-color:var(--moving);background:var(--danger-soft)}.studio-content[data-inner] .stroke-field.unknown small{color:var(--moving)}.studio-content[data-inner] .stroke-heading{font-size:14px;color:var(--accent)}.studio-content[data-inner] .empty-state{background:var(--surface);border:1px dashed color-mix(in srgb,var(--line) 26.67%,transparent);padding:56px 24px;color:var(--muted)}.studio-content[data-inner] .empty-symbol{color:color-mix(in srgb,var(--accent) 40%,transparent)}.studio-content[data-inner] .loading-panel{color:var(--muted)}.studio-content[data-inner] .reading-react{container:reading / inline-size}.studio-content[data-inner] .result-head{gap:16px;padding-bottom:24px;border-color:var(--line)}.studio-content[data-inner] .result-head h2{font-size:32px;margin-top:8px}.studio-content[data-inner] .result-method{background:var(--raised);border:1px solid color-mix(in srgb,var(--line) 20%,transparent);color:var(--accent);min-height:44px;padding:10px 14px;font-size:13px}.studio-content[data-inner] .reading-section-heading h3{font-size:28px;margin:10px 0}.studio-content[data-inner] .reading-section-heading p{font-size:16px}.studio-content[data-inner] .reading-section{margin-bottom:40px}.studio-content[data-inner] .core-pair{grid-template-columns:1fr;gap:24px;padding-top:28px}.reading-flow{position:absolute;top:0;left:50%;translate:-50% 0;font-size:13px;letter-spacing:.2em;color:var(--accent);white-space:nowrap}.reading-flow span{padding:0 16px}.studio-content[data-inner] .extension-grid{grid-template-columns:1fr;gap:20px}.studio-content[data-inner] .reading-card{padding:28px;background:var(--surface)}.studio-content[data-inner] .primary-card{background:linear-gradient(145deg,var(--paper),var(--surface) 65%);border-color:color-mix(in srgb,var(--line) 40%,transparent)}.studio-content[data-inner] .featured-reading:nth-of-type(2) .reading-card{background:linear-gradient(145deg,var(--paper),var(--surface) 65%);border-color:color-mix(in srgb,var(--line) 40%,transparent)}.studio-content[data-inner] .reading-title .hex-name{font-size:32px;margin-top:8px;line-height:1.5}.studio-content[data-inner] .extension-card .hex-name{font-size:26px}.studio-content[data-inner] .reading-symbol{color:var(--accent);font-size:30px}.studio-content[data-inner] .reading-card-top{border-color:var(--line)}.studio-content[data-inner] .reading-kind{color:var(--accent)}.studio-content[data-inner] .reading-analysis{border-color:var(--line);padding-top:20px}.studio-content[data-inner] .reading-analysis p{font-size:16px;color:var(--muted)}.studio-content[data-inner] .reading-quote{font:18px/1.9 var(--serif);color:var(--muted)}.studio-content[data-inner] .reading-open{border-top:1px solid var(--line);color:var(--accent);font-size:14px;min-height:48px;margin-top:20px}.studio-content[data-inner] .line-mode-toggle{margin-top:12px}.studio-content[data-inner] .annotated-hex{grid-template-columns:minmax(140px,1fr) 95px;gap:16px;margin:24px 0}.studio-content[data-inner] .visual-lines{grid-template-rows:none;gap:6px}.studio-content[data-inner] .visual-line{display:grid;grid-template-columns:24px minmax(70px,1fr);gap:8px;min-height:32px;padding:6px 8px;align-content:center}.studio-content[data-inner] .visual-line-name{font-size:13px;color:var(--muted)}.studio-content[data-inner] .visual-yao,.studio-content[data-inner] .visual-yao .yao{width:100%;max-width:130px;flex-basis:auto}.studio-content[data-inner] .yao{height:6px;gap:0;justify-content:space-between}.studio-content[data-inner] .yao i{flex:none;height:6px;border-radius:1px}.studio-content[data-inner] .yao.moving i{box-shadow:0 0 10px color-mix(in srgb,var(--moving) 18.82%,transparent)}.studio-content[data-inner] .visual-line.is-moving{background:color-mix(in srgb,var(--moving) 6.27%,transparent);border-left:2px solid var(--line)}.studio-content[data-inner] .visual-line-status{grid-column:1/-1;gap:4px;margin-left:24px;font-size:13px}.studio-content[data-inner] .visual-line-status>span{font-size:13px;padding:2px 5px;border:1px solid color-mix(in srgb,var(--line) 20%,transparent);line-height:1.4;background:var(--paper);color:var(--muted)}.studio-content[data-inner] .visual-line-status .good{background:var(--paper);color:var(--muted);border-color:color-mix(in srgb,var(--line) 33.33%,transparent)}.studio-content[data-inner] :is(.visual-line-status .riding,.visual-line-status .supporting){color:var(--accent);background:var(--accent-soft)}.studio-content[data-inner] .visual-context{border-color:var(--line);grid-template-rows:1fr auto 1fr}.studio-content[data-inner] .visual-trigram{flex-direction:column;gap:6px}.studio-content[data-inner] .visual-trigram strong{font:24px var(--serif);color:var(--muted)}.studio-content[data-inner] .visual-relation{padding:14px 0;border-color:var(--line)}.studio-content[data-inner] .element-badge{font-size:13px;padding:3px 8px;color:var(--muted);background:color-mix(in srgb,var(--accent) 6.27%,transparent);border:1px solid color-mix(in srgb,var(--line) 20%,transparent)}.studio-content[data-inner] .direction-panel{background:var(--paper);border-color:color-mix(in srgb,var(--line) 20%,transparent)}.studio-content[data-inner] .direction-values small,.studio-content[data-inner] .direction-values b{font-size:13px;color:var(--muted)}.studio-content[data-inner] .direction-trigram{border-color:var(--line)}.studio-content[data-inner] .direction-combination{font-size:14px;color:var(--accent)}.studio-content[data-inner] .result-legend{background:var(--raised);color:var(--muted);border-color:color-mix(in srgb,var(--line) 26.67%,transparent);font-size:14px;padding:18px}.studio-content[data-inner] .reading-deep-dive{padding:32px;background:linear-gradient(145deg,var(--paper),var(--surface));border-top:2px solid color-mix(in srgb,var(--line) 40%,transparent)}.studio-content[data-inner] .details-tabs button{color:var(--muted);background:var(--paper);border:1px solid var(--line);font-size:14px;min-height:44px;border-radius:8px}.studio-content[data-inner] .details-tabs button.active{color:var(--on-accent);background:var(--accent);border-color:var(--line)}.studio-content[data-inner] .reading-detail-head{border-color:var(--line)}.studio-content[data-inner] .reading-detail-head h4{font-size:32px}.studio-content[data-inner] .judgment{background:color-mix(in srgb,var(--accent) 4.31%,transparent)!important;border-left:2px solid var(--line)!important;font:22px/2 var(--serif);padding:24px}.studio-content[data-inner] .line-item{padding:20px 12px;border-color:var(--line);grid-template-columns:50px 48px minmax(0,1fr)}.studio-content[data-inner] .line-item p{font-size:16px;color:var(--text)}.studio-content[data-inner] .line-item.selected{background:color-mix(in srgb,var(--moving) 4.71%,transparent);border-left:2px solid var(--line)}.studio-content[data-inner] .line-annotations small{font-size:13px;color:var(--muted)}.studio-content[data-inner] :is(.source-link,.back-link,.guide-content a,.lesson-sources a){color:var(--accent);min-height:44px;font-size:14px}.studio-content[data-inner] .reading-rules{font-size:16px}.studio-content[data-inner] .reading-rules summary{min-height:44px;color:var(--accent)}.studio-content[data-inner] .body-use{background:var(--raised);color:var(--muted);font-size:16px}@container reading (min-width:760px){.studio-content[data-inner] .core-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}@container reading (min-width:900px){.studio-content[data-inner] .extension-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-content[data-inner] .extension-card{padding:20px}.studio-content[data-inner] .extension-card .annotated-hex{grid-template-columns:minmax(120px,1fr) 65px;gap:10px}}.studio-content[data-inner] .filters-panel{background:var(--surface);border-color:var(--line)}.studio-content[data-inner] .filter-disclosure{padding:18px 0;border-bottom:1px solid var(--line)}.studio-content[data-inner] .filter-disclosure summary{font-size:14px;color:var(--muted);cursor:pointer;min-height:44px;display:list-item;list-style-position:inside;line-height:44px}.studio-content[data-inner] .filter-check{font-size:14px;color:var(--muted);min-height:44px}.studio-content[data-inner] .filter-checks{gap:6px 16px}.studio-content[data-inner] .filter-group legend{font-size:14px;color:var(--accent)}.studio-content[data-inner] .search-box input{min-height:48px}.studio-content[data-inner] .catalogue-expand{background:var(--accent);color:var(--on-accent);min-height:48px;font-size:14px}.studio-content[data-inner] .catalogue-count{font-size:14px;color:var(--muted)}.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.active-filters:empty{display:none}.active-filters button{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;background:var(--raised);border:1px solid color-mix(in srgb,var(--line) 33.33%,transparent);color:var(--muted);font-size:13px;border-radius:8px}.active-filters button:hover{background:var(--raised);color:var(--text)}.studio-content[data-inner] .catalogue-card{position:relative;overflow:hidden}.studio-content[data-inner] .catalogue-card:after{content:"";position:absolute;width:110px;height:110px;border:1px solid color-mix(in srgb,var(--line) 7.06%,transparent);border-radius:50%;right:-38px;top:-25px;pointer-events:none}.studio-content[data-inner] .catalogue-body h3{color:var(--text)}.studio-content[data-inner] .catalogue-body p{font-size:14px;color:var(--muted)}.studio-content[data-inner] .catalogue-body .hex-drawing{flex-shrink:0}.studio-content[data-inner] .catalogue-meta{font-size:13px;gap:8px;flex-wrap:wrap}.studio-content[data-inner] .catalogue-position{gap:8px;padding:18px 0;border-color:var(--line)}.studio-content[data-inner] .catalogue-card .structure-summary{background:var(--raised);color:var(--muted);padding:6px;font-size:13px}.studio-content[data-inner] .catalogue-tags{font-size:13px;color:var(--muted);padding-top:12px}.studio-content[data-inner] .catalogue-six-row{background:var(--surface);border-color:var(--line);padding:22px}.studio-content[data-inner] .six-row-heading{font-size:16px;color:var(--text)}.studio-content[data-inner] .six-row-heading span,.studio-content[data-inner] .six-hint{font-size:13px;color:var(--muted)}.studio-content[data-inner] .six-hint{background:var(--raised);border-radius:8px;padding:16px}.studio-content[data-inner] .catalogue-six-track .catalogue-card{flex-basis:230px}.studio-content[data-inner] .catalogue-origin{background:var(--paper)}.studio-content[data-inner] .not-matching{opacity:1;filter:none}.studio-content[data-inner] .not-matching .hex-drawing{opacity:.45}.unmatched-label{border:1px dashed color-mix(in srgb,var(--line) 33.33%,transparent);color:var(--text);padding:6px 8px;font-size:13px}.studio-content[data-inner] .pagination button{background:var(--raised);border:1px solid color-mix(in srgb,var(--line) 26.67%,transparent);color:var(--text);min-height:44px;font-size:14px}.studio-content[data-inner] .pagination span{font-size:14px;color:var(--muted)}.studio-content[data-inner] .lesson-card{overflow:hidden}.lesson-cover{position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid color-mix(in srgb,var(--line) 20%,transparent);color:var(--accent)}.lesson-cover:before,.lesson-cover:after{content:"";position:absolute;width:105px;height:105px;border:1px solid color-mix(in srgb,var(--line) 26.67%,transparent);transform:rotate(45deg)}.lesson-cover:after{transform:rotate(0);width:90px;height:90px}.lesson-cover>span{font:56px serif;z-index:1}.lesson-cover>i{position:absolute;bottom:18px;right:22px;font:13px ui-monospace,monospace;color:var(--muted)}.studio-content[data-inner] .lesson-card h3{font:25px/1.6 var(--serif);margin-top:16px}.studio-content[data-inner] .lesson-card p{font-size:16px;color:var(--muted)}.studio-content[data-inner] .learning-intro{background:linear-gradient(120deg,var(--paper),var(--surface));border-left:3px solid var(--line)}.studio-content[data-inner] .learning-intro p{font-size:16px;color:var(--muted)}.studio-content[data-inner] .lesson-filters button{font-size:14px;min-height:44px;background:var(--surface);color:var(--muted);border-color:var(--line)}.studio-content[data-inner] .lesson-filters button.active{background:var(--accent);color:var(--on-accent)}.studio-content[data-inner] .lesson-toc{background:var(--surface);top:102px}.studio-content[data-inner] .lesson-toc h2{font-size:24px}.studio-content[data-inner] .lesson-toc nav{gap:6px;margin-top:20px}.studio-content[data-inner] .lesson-toc nav button{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 8px;border-left:2px solid transparent;color:var(--muted);font-size:14px;line-height:1.7}.studio-content[data-inner] .lesson-toc nav button>span{font:13px ui-monospace,monospace;color:var(--accent);line-height:1.8}.studio-content[data-inner] .lesson-toc nav button.current-section{border-color:var(--line)}.reading-progress{height:3px;width:100%;background:color-mix(in srgb,var(--accent) 13.33%,transparent);margin:18px 0 8px;border-radius:2px;overflow:hidden}.reading-progress>span{display:block;height:100%;background:var(--accent);transition:width .18s}.progress-label{font-size:13px;color:var(--muted)}.studio-content[data-inner] .lesson-section{margin:0;scroll-margin-top:108px}.studio-content[data-inner] .lesson-section h2{font:30px/1.5 var(--serif);margin:14px 0 20px}.studio-content[data-inner] :is(.lesson-section p,.lesson-section li,.guide-content p,.guide-content li){color:var(--text);font-size:16px;line-height:2}.studio-content[data-inner] .lesson-section .help{color:var(--muted)}.studio-content[data-inner] .lab-hex{background:var(--paper);border:1px solid var(--line);padding:18px 10px}.studio-content[data-inner] .lab-hex h3{font-size:20px;color:var(--muted)}.studio-content[data-inner] .lab-hex p{font-size:14px}.studio-content[data-inner] .lab-position{font-size:13px;color:var(--muted)}.studio-content[data-inner] .lab-position span{font-size:13px}.studio-content[data-inner] .lab-hex small,.studio-content[data-inner] .lab-hex>span{font-size:13px;color:var(--muted)}.studio-content[data-inner] .lab-moves label{min-height:44px;font-size:14px}.studio-content[data-inner] .lab-moves legend{font-size:14px;color:var(--muted)}.studio-content[data-inner] .quiz-option{background:var(--paper);border-color:var(--line);font-size:16px;padding:18px;min-height:56px;color:var(--text)}.studio-content[data-inner] .quiz-option:has(input:checked){border-color:var(--line);background:color-mix(in srgb,var(--accent) 3.92%,transparent)}.studio-content[data-inner] .quiz-feedback.correct{background:var(--paper);color:var(--muted)}.studio-content[data-inner] .quiz-feedback.retry{background:var(--danger-soft);color:var(--moving)}.studio-content[data-inner] .lesson-pagination a{background:var(--raised);color:var(--text);font-size:16px;border:1px solid var(--line)}.studio-content[data-inner] .scroll-table{overflow:auto;max-width:100%}.studio-content[data-inner] .reference-table{font-size:16px}.studio-content[data-inner] .reference-table th{background:var(--paper);color:var(--muted);border-color:var(--line)}.studio-content[data-inner] .reference-table td{border-color:var(--line);color:var(--text)}.studio-content[data-inner] .reference-table :is(th,td){padding:16px;min-width:85px}.studio-content[data-inner] .element{background:var(--raised);color:var(--text);font-size:13px}@media(max-width:1060px){.studio-content[data-inner] .input-panel,.studio-content[data-inner] .lesson-toc{position:static}.studio-content[data-inner] .react-filters{max-height:none}.studio-content[data-inner] .inner-halo{width:180px;height:180px}.heading-copy{max-width:calc(100% - 200px)}.studio-content[data-inner] .online-note{display:none}}@media(max-width:720px){.studio-content[data-inner] .studio-topbar{padding:0 16px}.inner-motion-toggle{padding:8px;width:44px;justify-content:center}.inner-motion-toggle>span{display:none}.studio-content[data-inner] .topbar-cta{font-size:13px;gap:8px;padding:8px 10px}.studio-content[data-inner] .topbar-title{gap:8px}.studio-content[data-inner] .immersive-heading{gap:12px}.heading-copy{max-width:100%;width:100%}.studio-content[data-inner] .inner-halo{position:absolute;right:-64px;top:22px;width:190px;height:190px;opacity:.2;z-index:-1}.studio-content[data-inner] .page-heading h1{font-size:32px}.heading-edition{letter-spacing:0;gap:8px}.studio-content[data-inner] .panel,.studio-content[data-inner] .input-panel,.studio-content[data-inner] .reading-card{padding:22px}.studio-content[data-inner] .reading-title .hex-name{font-size:29px}.studio-content[data-inner] .annotated-hex{grid-template-columns:minmax(135px,1fr) 75px;gap:10px}.studio-content[data-inner] .visual-line{padding:6px;gap:6px}.studio-content[data-inner] .visual-line-status{margin-left:0;font-size:13px}.studio-content[data-inner] .visual-line-status>span{font-size:13px}.studio-content[data-inner] .visual-trigram strong{font-size:23px}.studio-content[data-inner] .reading-deep-dive{padding:22px}.studio-content[data-inner] .line-item{grid-template-columns:38px 38px minmax(0,1fr);gap:8px;padding:18px 8px}.studio-content[data-inner] .line-item .yao{width:38px}.studio-content[data-inner] .details-tabs button{padding:8px 10px;font-size:14px}.studio-content[data-inner] .judgment{padding:20px;font-size:21px}.studio-content[data-inner] .result-actions{justify-content:flex-start}.studio-content[data-inner] .react-filters.drawer-open{background:var(--surface);min-height:100vh;border:1px solid var(--line);padding:28px 22px 40px}.studio-content[data-inner] .filter-drawer-close{color:var(--accent);min-height:44px}.studio-content[data-inner] .filter-overlay{background:#0008}.studio-content[data-inner] .catalogue-body h3{font-size:29px}.studio-content[data-inner] .catalogue-meta{font-size:13px;gap:5px}.studio-content[data-inner] .catalogue-position{padding:14px 0}.studio-content[data-inner] .lesson-section h2{font-size:27px}.studio-content[data-inner] .lab-diagrams{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-content[data-inner] .lab-hex h3{font-size:20px}.studio-content[data-inner] .reference-table{font-size:16px;min-width:480px}.studio-content[data-inner] .studio-footer{flex-direction:column;align-items:flex-start;gap:8px}.studio-content[data-inner] .studio-footer>a{font-size:13px}.studio-content[data-inner] .back-link{display:inline-flex;align-items:center}.studio-content[data-inner] .lesson-pagination a{text-align:left}.studio-content[data-inner] .catalogue-six-track .catalogue-card{flex-basis:220px}}@media(prefers-reduced-motion:reduce){.studio-content[data-inner] :is(.reading-card,.catalogue-card,.lesson-card):is(:hover,:focus-visible,:active){transform:none}.reading-progress>span{transition:none}}:root{--space-section:64px;--radius:16px;--ease-out:cubic-bezier(.22,1,.36,1)}body{font-size:16px}.studio-content .studio-main{max-width:1280px;padding:32px clamp(24px,3vw,48px) 0}.studio-sidebar{border-right:1px solid var(--line);padding:40px 24px 24px}.studio-brand small,.sidebar-label,.sidebar-bottom small{font-size:13px;letter-spacing:.08em;line-height:1.6}.studio-brand{margin-bottom:48px}.sidebar-label{margin-bottom:20px}.sidebar-link{min-height:52px;font-size:16px;border:1px solid transparent;border-radius:12px;transition:border-color .2s,box-shadow .2s}.sidebar-link.selected{border-color:var(--line)}.sidebar-link:is(:hover,:focus-visible){border-color:var(--accent)}.sidebar-bottom p{font-size:16px;line-height:1.8}.sidebar-seal{font-size:28px;padding:4px 9px}.studio-content .studio-topbar{padding-inline:clamp(24px,3vw,48px)}.topbar-title{font-size:14px}.topbar-right{gap:12px}.online-note{font-size:13px}.studio-topbar .topbar-cta{font-size:14px;border-radius:10px}.studio-footer{font-size:14px;padding:32px 0;margin-top:64px}.studio-footer a:last-child{min-height:44px}.overline,.new-hero .overline{font-size:13px;letter-spacing:.14em;line-height:1.7;color:var(--muted)}.home-section{margin:var(--space-section) 0}.new-hero{padding:48px 32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;min-height:640px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.new-hero:before{background:radial-gradient(ellipse at 80% 30%,var(--accent-soft),transparent 65%);opacity:.65}.hero-edition{display:block;font:14px/1.8 var(--serif);letter-spacing:.3em;color:var(--accent);margin-top:32px}.new-hero h1{font:400 clamp(36px,3.4vw,56px)/1.55 var(--serif);letter-spacing:.035em;margin:16px 0 24px}.new-hero h1>span{color:var(--text)}.new-hero-copy>p{font-size:16px;line-height:1.9;color:var(--muted)}.new-hero-actions{gap:20px;flex-wrap:wrap;margin:32px 0}.hero-primary,.hero-secondary{min-height:48px;font-size:16px;border-radius:10px}.hero-primary{padding:12px 20px}.hero-secondary{color:var(--text)}.hero-footnote{font-size:13px;letter-spacing:.06em;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-footnote>i{background:var(--accent)}.hero-footnote small{font-size:13px;letter-spacing:.05em;margin-left:0;width:100%}.hero-corner{font-size:13px;bottom:20px;right:28px;letter-spacing:.04em;color:var(--muted)}.section-heading-copy{display:flex;gap:20px;align-items:center;min-width:0}.new-section-title .section-index{font:italic 36px/1 Georgia,serif;color:var(--accent);border-right:1px solid var(--line);padding-right:20px}.new-section-title{gap:24px;align-items:center;margin-bottom:28px}.new-section-title h2{font:400 32px/1.5 var(--serif);margin-top:8px}.new-section-title p{font-size:16px;max-width:250px;line-height:1.75;color:var(--muted)}.inline-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:10px;color:var(--accent)}.new-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.new-tool-card{padding:28px;border-radius:16px;background:var(--surface);border-color:var(--line);position:relative;overflow:hidden;min-height:320px}.new-tool-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.new-tool-card:last-child .tool-card-top{grid-row:span 3;align-items:flex-start;border-right:1px solid var(--line);padding-right:24px;margin:0}.new-tool-card:last-child .living-glyph{width:150px;height:150px;align-self:center}.tool-card-top{align-items:flex-start;margin-bottom:24px}.tool-no{font-size:13px;line-height:1.7;color:var(--muted)}.new-tool-card h3{font:400 27px/1.5 var(--serif);margin:0 0 12px}.new-tool-card>p{font-size:16px;line-height:1.8;margin:0 0 24px;min-height:0}.tool-card-bottom{font-size:13px;gap:12px;padding-top:16px;line-height:1.7;color:var(--muted)}.tool-card-bottom svg{flex-shrink:0;color:var(--accent)}.living-glyph{display:inline-flex;width:88px;height:88px;color:var(--accent);flex-shrink:0}.living-glyph svg{width:100%;height:100%;overflow:visible}.glyph-orbit{fill:none;stroke:var(--accent);stroke-width:.7;stroke-opacity:.45}.glyph-center{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}.glyph-center text{fill:var(--accent);stroke:none;font:36px var(--serif);text-anchor:middle}.new-lesson-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.new-lesson-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.lesson-graphic{height:180px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);background:var(--paper);font-size:inherit}.lesson-graphic:before,.lesson-graphic:after{display:none}.lesson-graphic .living-glyph{width:136px;height:136px}.lesson-graphic>i{position:absolute;bottom:16px;right:20px;font:13px var(--sans);color:var(--muted)}.new-lesson-card>div{padding:24px}.new-lesson-meta{font-size:13px}.new-lesson-card h3{font:400 24px/1.55 var(--serif);margin:12px 0}.new-lesson-card p{font-size:16px;line-height:1.8;color:var(--muted)}.new-quote{padding:40px;gap:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px;position:relative}.new-quote h2{font:400 40px/1.5 var(--serif);margin:12px 0}.new-quote p{font-size:18px}.quote-symbol{font:88px/1 serif;color:var(--accent);flex-shrink:0}.evolution-art{width:100%;padding:16px 0 40px;color:var(--accent)}.evolution-plate-label{display:flex;align-items:center;justify-content:space-between;font:13px/1.7 var(--sans);letter-spacing:.08em;color:var(--muted);padding:0 12px;margin-bottom:8px}.evolution-canvas{width:100%;isolation:isolate}.evolution-canvas svg{overflow:visible}.evolution-rings{stroke:var(--accent);stroke-opacity:.38;stroke-width:.7}.evolution-directions{fill:var(--text);font-size:13px}.evolution-trigram-name{fill:var(--text);font-size:20px}.evolution-seed-label{fill:var(--text);font-size:18px}.evolution-trigram-nature{fill:var(--muted);font-size:13px}.evolution-hex-name{fill:var(--text);font-size:9px}.evolution-caption{padding-top:16px}.evolution-caption strong{font:400 26px/1.5 var(--serif);color:var(--text);letter-spacing:.12em}.evolution-caption p{font-size:14px;line-height:1.8;color:var(--muted);min-height:50px;margin:8px 0 0}.evolution-chapter{font-size:13px;color:var(--accent)}.evolution-controls{gap:8px;margin-top:16px;flex-wrap:wrap;justify-content:center}.evolution-controls button,.evolution-controls select{min-height:44px;font-size:13px;border:1px solid var(--line);background:var(--paper);color:var(--text);border-radius:8px}.evolution-controls button{min-width:44px}.evolution-controls button:disabled{cursor:not-allowed;opacity:.65}.evolution-controls>span{font-size:13px;color:var(--muted)}.evolution-inspect{background:var(--surface);border-color:var(--accent);color:var(--text);border-radius:12px}.evolution-inspect button,.evolution-inspect a{min-width:44px;min-height:44px;font-size:13px}.evolution-inspect span{font-size:13px}.evolution-inspect strong{font-size:22px}.studio-content[data-inner] .immersive-heading{padding:32px 0 40px;min-height:260px;border-bottom:1px solid var(--line);margin-bottom:32px}.studio-content[data-inner] .page-heading h1{font:400 clamp(32px,3.2vw,48px)/1.5 var(--serif);letter-spacing:.04em}.studio-content[data-inner] .page-heading p{font-size:16px;line-height:1.85;max-width:640px}.heading-edition{font-size:13px;margin-top:24px}.studio-content[data-inner] .panel{border-radius:16px}.studio-content[data-inner] .workspace{grid-template-columns:280px minmax(0,1fr);gap:24px}.studio-content[data-inner] .input-panel{padding:28px;border-top:2px solid var(--accent);background:var(--surface)}.studio-content[data-inner] .input-panel h2{font:400 26px/1.5 var(--serif);margin-bottom:24px}.studio-content[data-inner] .work-tabs{margin-bottom:32px;gap:8px}.studio-content[data-inner] .work-tabs a{font-size:14px;min-height:44px;padding:10px 16px;border-radius:10px}.field{margin-bottom:24px}.field>span{font-size:14px;margin-bottom:8px}.studio-content[data-inner] .field :is(input,select,textarea){min-height:48px;padding:12px;border-radius:10px;font-size:16px;background:var(--paper);border:1px solid var(--line);color:var(--text)}.studio-content[data-inner] .field :is(input,select,textarea):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.studio-content[data-inner] .stroke-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,96px),1fr));gap:12px}.studio-content[data-inner] .stroke-field{width:auto;padding:12px;border-radius:12px;min-width:0;gap:8px}.studio-content[data-inner] .stroke-field>span{font-size:36px;line-height:1.3}.studio-content[data-inner] .stroke-field input{appearance:textfield;width:100%;min-width:0;min-height:48px;padding:8px 4px;font-size:18px;font-variant-numeric:tabular-nums;text-align:center}.studio-content[data-inner] .stroke-field input::-webkit-inner-spin-button,.studio-content[data-inner] .stroke-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.studio-content[data-inner] .stroke-field input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.studio-content[data-inner] .stroke-field small{line-height:1.5;overflow-wrap:anywhere}.studio-content[data-inner] .rule-note{font-size:14px;line-height:1.85;padding:16px;border-radius:10px;background:var(--paper)}.studio-content[data-inner] .result-head{margin-bottom:24px}.studio-content[data-inner] .result-head h2{font:400 28px/1.5 var(--serif)}.studio-content[data-inner] .reading-title .hex-name{font-weight:400}.studio-content[data-inner] .primary-card{border-top:2px solid var(--accent)}.studio-content[data-inner] .reading-deep-dive{border-radius:16px;margin-top:32px}.studio-content[data-inner] .judgment{color:var(--text)!important}.studio-content[data-inner] .yao i{background:var(--text)}.studio-content[data-inner] .yao.moving i{background:var(--moving)}.studio-content[data-inner] .explorer-layout{grid-template-columns:240px minmax(0,1fr);gap:24px}.studio-content[data-inner] .catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.studio-content[data-inner] .catalogue-grid.six-mode{grid-template-columns:minmax(0,1fr)}.studio-content[data-inner] .catalogue-card{padding:24px 20px;border-radius:16px;min-height:320px;background:var(--surface)}.studio-content[data-inner] .catalogue-body{flex-direction:column;align-items:flex-start;gap:24px;margin:24px 0}.studio-content[data-inner] .catalogue-body .hex-drawing{width:64px}.studio-content[data-inner] .catalogue-body h3{font:400 30px/1.5 var(--serif)}.studio-content[data-inner] .catalogue-card:after{width:130px;height:130px;border-color:var(--line);opacity:.45}.studio-content[data-inner] .filters-panel{border-top:2px solid var(--accent);border-radius:16px;padding:24px}.studio-content[data-inner] .lesson-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.studio-content[data-inner] .lesson-card{border-radius:16px;padding:0 24px 24px;background:var(--surface)}.lesson-cover{height:180px;background:var(--paper);margin:0 -24px 24px}.lesson-cover:before,.lesson-cover:after{display:none}.lesson-cover .living-glyph{width:136px;height:136px}.studio-content[data-inner] .lesson-card h3{font-weight:400}.studio-content[data-inner] .lesson-layout{grid-template-columns:220px minmax(0,720px);gap:32px;justify-content:center}.studio-content[data-inner] .lesson-article,.studio-content[data-inner] .guide-content{display:grid;gap:24px;min-width:0}.studio-content[data-inner] .lesson-section{padding:32px;border-radius:16px}.studio-content[data-inner] .lesson-section h2{font-weight:400}.studio-content[data-inner] .lesson-section :is(p,li){font-size:16px;line-height:1.85}.studio-content[data-inner] .lesson-toc{padding:24px;border-top:2px solid var(--accent)}.chapter-toggle{display:none}.studio-content[data-inner] .lesson-toc nav button.current-section{border-left-color:var(--accent);color:var(--text);background:var(--raised)}.studio-content[data-inner] .quiz-option:has(input:checked){border-color:var(--accent);background:var(--raised)}.studio-content[data-inner] .help{font-size:14px;line-height:1.8}.button{font-size:16px;min-height:48px;border-radius:10px}.button.primary{background:var(--accent);color:var(--on-accent)}:is(.new-tool-card,.new-lesson-card,.catalogue-card,.lesson-card){transition:transform .22s var(--ease-out),border-color .22s,box-shadow .22s}:is(.new-tool-card,.new-lesson-card,.catalogue-card,.lesson-card):focus-visible{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow)}:is(.new-tool-card,.new-lesson-card,.catalogue-card,.lesson-card):active{transform:scale(.98)}:is(.button,.hero-primary,.hero-secondary,.theme-trigger,.inner-motion-toggle,.topbar-cta){transition:transform .18s var(--ease-out),border-color .18s,box-shadow .18s}:is(.button,.hero-primary,.hero-secondary,.theme-trigger,.inner-motion-toggle,.topbar-cta):active{transform:scale(.98)}@media(hover:hover)and (pointer:fine){:is(.new-tool-card,.new-lesson-card,.catalogue-card,.lesson-card):hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow)}:is(.button,.hero-primary,.hero-secondary,.theme-trigger,.inner-motion-toggle,.topbar-cta):hover{transform:translateY(-2px);box-shadow:0 6px 20px #0002}}@media(max-width:1600px){.studio-content[data-inner] .explorer-layout{grid-template-columns:1fr}.studio-content[data-inner] .react-filters{position:static;max-height:none}.studio-content[data-inner] .filters-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}.studio-content[data-inner] .filters-panel>h2,.studio-content[data-inner] .filters-panel>.search-box,.studio-content[data-inner] .filters-panel>.text-button{grid-column:1/-1}}@media(max-width:1200px){.online-note{display:none}.new-hero{padding:32px 24px;gap:16px}.new-hero h1{font-size:40px}.studio-content[data-inner] .catalogue-grid,.studio-content[data-inner] .lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.studio-content[data-inner] .workspace{grid-template-columns:1fr}.studio-content[data-inner] .input-panel{position:static}.new-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-tool-card:last-child{grid-column:span 2}.new-lesson-grid{grid-template-columns:1fr}.new-lesson-card{display:grid;grid-template-columns:180px minmax(0,1fr)}.lesson-graphic{height:100%;min-height:220px;border-right:1px solid var(--line);border-bottom:0}.studio-content[data-inner] .lesson-layout{grid-template-columns:1fr}.studio-content[data-inner] .lesson-toc{position:static}.new-hero{grid-template-columns:1fr}.evolution-art{max-width:520px}.new-hero-copy{max-width:580px}.hero-corner{position:static;grid-column:1/-1;text-align:right}.new-hero h1{font-size:48px}}@media(max-width:900px){:root{--space-section:48px}.new-section-title{align-items:flex-start;flex-direction:column;gap:16px}.new-section-title p{max-width:none}.studio-content[data-inner] .filters-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-content .studio-main{padding-inline:24px}.studio-content[data-inner] .immersive-heading{padding-top:24px;min-height:240px}}@media(max-width:720px){:root{--space-section:32px}.studio-content .studio-main{padding:24px 16px 0}.studio-content .studio-topbar{height:72px;padding:0 16px;gap:8px}.studio-topbar .topbar-title{font-size:13px;gap:4px}.studio-topbar .topbar-title>span{display:none}.studio-topbar .topbar-right{gap:8px}.studio-topbar .topbar-cta{font-size:13px;padding:8px 10px}.online-note{display:none}.studio-sidebar{padding:32px 24px}.studio-brand{margin-bottom:32px}.sidebar-bottom{padding-top:32px}.studio-footer{flex-direction:column;align-items:flex-start;font-size:13px;gap:8px;margin-top:32px;padding:24px 0}.new-hero{padding:28px 20px 20px;border-radius:20px;gap:24px}.new-hero h1{font-size:36px;line-height:1.55;margin-top:12px}.hero-edition{margin-top:24px}.new-hero-actions{gap:16px;margin:24px 0}.hero-primary{padding:12px 16px;gap:12px}.hero-secondary{gap:8px}.hero-footnote{margin-top:24px}.hero-corner{font-size:13px}.new-hero .overline{font-size:13px;letter-spacing:.06em}.section-heading-copy{gap:16px}.new-section-title .section-index{font-size:30px;padding-right:16px}.new-section-title h2{font-size:27px}.new-section-title .inline-link{font-size:14px}.new-tool-grid{grid-template-columns:1fr;gap:16px}.new-tool-card{min-height:0;padding:24px}.new-tool-card:last-child{grid-column:auto;display:flex;gap:0}.new-tool-card:last-child .tool-card-top{border:0;padding:0;margin-bottom:24px;align-items:flex-start}.new-tool-card:last-child .living-glyph{width:88px;height:88px}.new-tool-card h3{font-size:26px}.new-tool-card>p{font-size:16px;min-height:0}.tool-card-bottom{font-size:13px}.new-lesson-card{display:block}.lesson-graphic{height:180px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.new-lesson-card h3{font-size:24px}.new-lesson-card p{font-size:16px}.new-lesson-card>div{padding:24px}.new-quote{padding:24px;gap:20px;flex-wrap:wrap}.new-quote h2{font-size:30px}.quote-symbol{font-size:64px}.new-quote>.inline-link{width:100%}.evolution-art{padding-top:0;padding-bottom:0}.evolution-plate-label{padding:0;font-size:13px;letter-spacing:0}.evolution-caption strong{font-size:24px}.evolution-caption p{font-size:14px}.evolution-controls>span{width:100%;text-align:center}.evolution-inspect{flex-wrap:wrap}.studio-content[data-inner] .immersive-heading{margin-bottom:24px;padding:16px 0 28px;min-height:210px}.studio-content[data-inner] .page-heading h1{font-size:32px}.studio-content[data-inner] .heading-copy{max-width:100%}.studio-content[data-inner] .inner-halo{right:-45px;opacity:.14}.studio-content[data-inner] .input-panel,.studio-content[data-inner] .lesson-section{padding:24px}.studio-content[data-inner] .work-tabs{margin-bottom:24px}.studio-content[data-inner] .work-tabs a{font-size:14px;padding:10px 14px}.studio-content[data-inner] .reading-card,.studio-content[data-inner] .reading-deep-dive{padding:24px}.studio-content[data-inner] .react-filters{display:none}.studio-content[data-inner] .react-filters.drawer-open{display:block;padding:28px 24px 40px}.studio-content[data-inner] .filter-drawer-close{width:44px;height:44px}.studio-content[data-inner] .catalogue-grid,.studio-content[data-inner] .lesson-grid{grid-template-columns:1fr;gap:16px}.studio-content[data-inner] .catalogue-card{padding:24px;min-height:0}.studio-content[data-inner] .catalogue-body{flex-direction:row;align-items:center;gap:24px}.studio-content[data-inner] .catalogue-body h3{font-size:32px}.studio-content[data-inner] .catalogue-six-track .catalogue-card{flex-basis:260px}.studio-content[data-inner] .catalogue-six-track .catalogue-body{flex-direction:column;align-items:flex-start}.chapter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin-top:16px;color:var(--text);font-size:14px}.chapter-navigation[data-collapsed=true]{display:none}.studio-content[data-inner] .lesson-section h2{font-size:27px}.studio-content[data-inner] .lesson-toc{padding:24px}.studio-content[data-inner] .lesson-toc nav{grid-template-columns:1fr}.studio-content[data-inner] .lesson-article,.studio-content[data-inner] .guide-content{gap:16px}.studio-content[data-inner] .lesson-pagination{grid-template-columns:1fr}}html[data-motion=stopped] :is(.new-tool-card,.new-lesson-card,.catalogue-card,.lesson-card,.reading-card,.button,.hero-primary,.hero-secondary,.theme-trigger,.inner-motion-toggle,.topbar-cta):is(:hover,:focus-visible,:focus-within,:active){transform:none!important}@media(prefers-reduced-motion:reduce){:is(.new-tool-card,.new-lesson-card,.catalogue-card,.lesson-card,.reading-card,.button,.hero-primary,.hero-secondary):is(:hover,:focus-visible,:focus-within,:active){transform:none!important}}.home-layout{isolation:isolate}.home-layout .studio-content{width:100%;margin-left:0}.home-layout .studio-main{max-width:none;padding:0}.home-layout .studio-topbar{position:fixed;left:232px;right:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s}.home-layout:not(.home-entered) .studio-sidebar{visibility:hidden;pointer-events:none}.home-layout.home-entered .studio-topbar{opacity:1;visibility:visible;pointer-events:auto}.home-intro{height:100vh;height:100svh;position:relative;pointer-events:none}.home-content{position:relative;z-index:1;max-width:1280px;margin-left:232px;padding:110px clamp(24px,3vw,48px) 0}.home-layout .studio-footer{position:relative;z-index:1;margin-left:calc(232px + clamp(24px,3vw,48px));margin-right:clamp(24px,3vw,48px)}.evolution-art.evolution-background{position:fixed;inset:0;z-index:0;width:100%;height:100vh;height:100svh;max-width:none;padding:0;display:grid;place-items:center;pointer-events:none;background:var(--paper)}.evolution-background .evolution-plate-label{display:none}.evolution-background .evolution-canvas{width:min(94vw,88svh,1000px);height:min(94vw,88svh,1000px);opacity:.9;transition:opacity .6s}.home-entered .evolution-background .evolution-canvas{opacity:.38}.evolution-background .evolution-canvas *{pointer-events:none!important}.home-content .new-hero{grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);min-height:520px;background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.home-content .new-hero:before{background:none}.home-animation-console{position:relative;align-self:end;border-top:1px solid var(--line);padding:28px 0 12px}.home-animation-console .evolution-caption{text-align:left;padding:0}.home-animation-console .evolution-controls{justify-content:flex-start}.home-content :is(.new-tool-card,.new-lesson-card,.new-quote){background:color-mix(in srgb,var(--surface) 94%,transparent)}@media(min-width:1600px){.home-content{margin-right:auto;margin-left:max(232px,calc((100vw - 1048px)/2))}}@media(max-width:1100px){.home-content .new-hero{grid-template-columns:1fr;min-height:0}.home-animation-console{max-width:480px;width:100%;padding-top:20px}.home-animation-console .evolution-caption p{min-height:0}}@media(max-width:720px){.home-layout .studio-topbar{left:0}.home-content{margin-left:0;padding:96px 16px 0}.home-layout .studio-footer{margin-left:16px;margin-right:16px}.evolution-background .evolution-canvas{width:96vw;height:96vw}.home-content .new-hero{padding:32px 24px}.home-animation-console .evolution-controls>span{width:auto}}@media(prefers-reduced-motion:reduce){.home-layout .studio-topbar,.evolution-background .evolution-canvas{transition:none}}.reverse-workbench{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.reverse-workbench .section-label,.hex-dialog .section-label{font-size:13px}.reverse-input{padding:28px;position:sticky;top:100px;border-top:2px solid var(--accent);min-width:0}.reverse-input h2{font:400 25px/1.5 var(--serif);margin:10px 0 24px}.reverse-input :is(input[type=search],select){width:100%;min-width:0;min-height:48px;border:1px solid var(--line);background:var(--paper);color:var(--text);border-radius:10px;padding:10px;font-size:16px}.reverse-input .fields-row{grid-template-columns:1fr}.reverse-modes{border:0;margin:0 0 24px;padding:0;display:grid;gap:8px;min-width:0}.reverse-modes legend{font-size:14px;margin-bottom:8px}.reverse-modes label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;min-height:64px;background:var(--paper)}.reverse-modes label:has(input:checked){border-color:var(--accent);background:var(--raised)}.reverse-modes input{width:18px;height:18px;margin-top:4px;flex-shrink:0}.reverse-modes small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.reverse-note{font-size:14px;line-height:1.85;color:var(--muted);padding-top:16px;border-top:1px solid var(--line);margin-bottom:20px}.reverse-output{display:grid;gap:24px;min-width:0}.reverse-target{display:flex;align-items:center;gap:28px;padding:28px}.reverse-target .hex-drawing{width:64px;flex-shrink:0}.reverse-target .yao i{background:var(--text)}.reverse-target .yao.moving i{background:var(--moving)}.reverse-target h2{font:400 32px/1.5 var(--serif);margin:8px 0}.reverse-target p{font-size:16px;color:var(--muted)}.reverse-result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.reverse-result-heading h3,.reverse-comparison h3,.reverse-empty h3{font:400 25px/1.5 var(--serif);margin:8px 0}.reverse-result-heading .text-button{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--accent)}.reverse-candidates{display:grid;gap:16px;container-type:inline-size}.reverse-candidate{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.reverse-group{font-size:13px;letter-spacing:.12em;color:var(--muted)}.reverse-number-grid{display:grid;grid-template-columns:repeat(var(--reverse-columns,3),minmax(0,1fr));gap:16px;margin:16px 0}.reverse-number{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.reverse-number>span{font-size:14px;color:var(--muted)}.reverse-number strong{font:400 clamp(24px,3vw,36px)/1.3 Georgia,serif;color:var(--text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;width:100%}.reverse-number .button{font-size:14px;min-height:44px;padding:8px 12px;gap:8px}.reverse-number small,.reverse-check{font-size:13px;line-height:1.8;color:var(--muted)}.reverse-check{border-top:1px solid var(--line);padding-top:16px;margin:16px 0 0;overflow-wrap:anywhere}.reverse-empty,.reverse-comparison,.reverse-rules{padding:28px}.reverse-empty p{font-size:16px;line-height:1.85;margin:16px 0}.reverse-six{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.reverse-six button{display:grid;gap:6px;text-align:left;color:var(--text);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px;min-height:112px}.reverse-six button:hover,.reverse-six button.selected{border-color:var(--accent);background:var(--raised)}.reverse-six button>span{font-size:16px}.reverse-six button>span small{margin-left:8px}.reverse-six small{font-size:13px;color:var(--muted)}.reverse-six strong{font:400 24px/1.4 Georgia,var(--serif)}.reverse-rules summary{min-height:44px;cursor:pointer;font-size:16px;color:var(--accent)}.reverse-rules p{font-size:16px;line-height:1.85;margin:16px 0 0}.hex-action-trigger{background:transparent;border:0;color:inherit;font:inherit;padding:0;min-height:44px;cursor:pointer;text-align:inherit;border-radius:6px}.hex-action-trigger:hover{color:var(--accent)}.hex-action-trigger:focus-visible{outline:2px solid var(--accent)!important}.hex-graphic-action{display:block;width:100%;text-align:left}.hex-graphic-action .hex-drawing{margin:0 auto}.reading-title .hex-action-trigger{font:inherit}.catalogue-body>.hex-graphic-action,.lab-hex>.hex-graphic-action{width:auto;flex-shrink:0}.new-tool-grid.six-tools .new-tool-card:last-child{grid-column:auto;display:flex;gap:0}.new-tool-grid.six-tools .new-tool-card:last-child .tool-card-top{grid-row:auto;border:0;padding:0;margin-bottom:24px}.new-tool-grid.six-tools .new-tool-card:last-child .living-glyph{width:88px;height:88px;align-self:auto}.catalogue-card .catalogue-read{display:flex;align-items:center;justify-content:space-between;margin-top:16px;min-height:44px;color:var(--accent);font-size:14px}.lab-hex .hex-graphic-action{align-self:center}.hex-dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:0;width:min(520px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:var(--shadow)}.hex-dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hex-dialog-wide{width:min(1120px,calc(100vw - 32px))}.hex-dialog-frame{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}.hex-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid var(--line);flex-shrink:0}.hex-dialog-head h2{font:400 27px/1.5 var(--serif);margin:6px 0 0}.hex-dialog-close{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--paper);flex-shrink:0}.hex-dialog-body{overflow-y:auto;overscroll-behavior:contain;padding:28px;min-height:0}.hex-action-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.hex-action-options .button{gap:8px}.hex-dialog .reverse-input{position:static;background:var(--paper)}.hex-dialog .reverse-target,.hex-dialog .reverse-comparison,.hex-dialog .reverse-candidate,.hex-dialog .reverse-rules{background:var(--paper)}@container (max-width:430px){.reverse-number-grid{grid-template-columns:1fr}.reverse-number{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.reverse-number>span{grid-column:1/-1}.reverse-number strong{font-size:30px}}@media(max-width:1100px){.reverse-workbench{grid-template-columns:1fr}.reverse-input{position:static}.reverse-input .fields-row{grid-template-columns:1fr 1fr}}@media(max-width:720px){.reverse-input,.reverse-target,.reverse-empty,.reverse-comparison,.reverse-rules{padding:24px}.reverse-target{gap:20px}.reverse-target h2{font-size:28px}.reverse-six{grid-template-columns:1fr}.hex-dialog-head{padding:20px}.hex-dialog-body{padding:16px}.hex-dialog-wide{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.hex-dialog-wide .hex-dialog-frame{max-height:calc(100dvh - 18px)}.hex-action-options,.reverse-input .fields-row{grid-template-columns:1fr}}.np-kind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:28px}.np-kind a{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:20px;color:var(--text);min-height:88px}.np-kind a span{display:block;font-size:14px;color:var(--muted);margin-top:6px}.np-kind a[aria-current=page]{border-color:var(--accent);background:var(--accent-soft)}.np-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.np-input{padding:24px;min-width:0;border-top:2px solid var(--accent)}.np-page :is(h2,h3){font-family:var(--serif);font-weight:400}.np-input h2{font-size:24px;margin:8px 0 24px}.np-input form{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.np-page .section-label{font-size:13px;color:var(--muted);letter-spacing:.08em}.np-page .help{font-size:14px;line-height:1.8}.np-page .button{gap:8px;min-height:48px;font-size:15px}.np-input textarea,.np-shortlist textarea{width:100%;resize:vertical;min-width:0;font-family:var(--sans)}.np-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.np-baseline{background:var(--accent-soft);border:1px solid var(--accent);border-radius:12px;padding:16px;margin-top:16px}.np-baseline strong,.np-baseline span{display:block}.np-baseline span{font-size:14px;margin-top:6px;line-height:1.8}.company-fixed-summary{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);margin:16px 0}.company-fixed-summary>div{display:grid;gap:10px}.company-fixed-summary span,.company-fixed-summary p{display:flex;justify-content:space-between;gap:12px;font-size:16px;line-height:1.8}.company-fixed-summary strong{font-weight:400;flex-shrink:0;color:var(--accent)}.company-fixed-summary p{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;flex-wrap:wrap}.company-fixed-select .field:last-of-type{margin-bottom:0}.np-input>.stroke-grid,.np-workshop .stroke-grid{margin:16px 0 24px}.np-options{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 24px;min-width:0}.np-options legend{font-size:14px;padding:0 8px}.np-options label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}.np-options input{flex-shrink:0}.np-goodkeys{padding:8px 0 8px 10px;border-block:1px solid var(--line);margin:8px 0}.np-output{display:grid;gap:24px;min-width:0}.np-result-head,.np-empty,.np-workshop,.np-shortlist,.np-rules{padding:28px}.np-result-head h2,.np-empty h2,.np-workshop h2,.np-shortlist h2{font-size:28px;margin:10px 0 16px}.np-empty{min-height:240px;display:flex;flex-direction:column;justify-content:center;background:var(--surface)}.np-empty p,.np-result-head p{font-size:16px;color:var(--muted);line-height:1.85}.np-patterns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.np-pattern{padding:20px;min-width:0;transition:border-color .2s,box-shadow .2s}.np-pattern:is(:hover,:focus-within),.np-pattern.selected{border-color:var(--accent);box-shadow:0 8px 24px var(--accent-soft)}.np-pattern:only-child{grid-column:1/-1}.np-pattern-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px}.np-pattern-title strong{font:32px/1.5 var(--serif);color:var(--accent)}.np-pattern-title>span{font-size:14px;color:var(--muted)}.np-pattern-hex{display:flex;gap:16px;align-items:center;margin:20px 0}.np-pattern-hex .hex-drawing{width:48px;flex-shrink:0}.np-pattern-hex>span:last-child{font-size:18px}.np-pattern-hex small{display:block;font-size:13px;color:var(--muted);margin-top:6px}.np-grids{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;margin:16px 0}.np-grids>div{display:grid;gap:5px;padding:12px 8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);min-width:0}.np-grids>div>span{font-size:13px}.np-grids strong{font-size:22px;font-weight:400}.np-grids small{font-size:13px;color:var(--muted);line-height:1.6}.np-element{color:var(--accent)}.np-talents{padding:12px 0;border-top:1px solid var(--line)}.np-talents>span{display:block;font-size:13px;color:var(--muted)}.np-talents>strong{display:block;margin:6px 0;font-size:20px;font-weight:400;color:var(--accent)}.np-talents p{font-size:13px;line-height:1.8;color:var(--muted)}.np-more{justify-self:center}.np-letter-pools{display:grid;gap:16px;margin:20px 0}.np-letter-pools>div>span{font-size:14px;color:var(--accent)}.np-letter-pools>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.np-letter-pools button{min-width:44px;min-height:44px;font-size:22px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--text)}.np-workshop{scroll-margin-top:100px}.np-pool-option{display:flex;gap:10px;align-items:center;min-height:44px;font-size:14px;margin-bottom:8px}.np-pool-option input{flex-shrink:0}.np-word-elements{border:1px solid var(--line);border-radius:12px;padding:16px;margin:24px 0;min-width:0}.np-word-elements legend{font-size:14px;color:var(--accent)}.np-word-elements .field:last-child{margin-bottom:0}.np-fullname{font:28px/1.7 var(--serif);margin:12px 0;color:var(--accent)}.np-check{padding:16px;border:1px solid var(--accent);border-radius:10px;font-size:16px}.np-warning{border-color:var(--moving);color:var(--moving)}.np-workshop>.reading-react{margin-top:32px}.np-shortlist article{display:flex;gap:16px;align-items:start;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line)}.np-shortlist article>div{min-width:0}.np-shortlist h3{font-size:24px;margin-bottom:8px}.np-shortlist p,.np-shortlist small{font-size:14px;color:var(--muted);line-height:1.8}.np-shortlist .field{margin-top:24px}.np-rules summary{min-height:44px;cursor:pointer;font-size:16px;color:var(--accent)}.np-rules p{font-size:14px;line-height:1.9;margin:16px 0;color:var(--muted)}.np-rules a{color:var(--accent);text-decoration:underline}.np-number-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:8px}.np-number-table>div{display:grid;gap:5px;border:1px solid var(--line);padding:12px 8px;border-radius:8px}.np-number-table b{font-weight:400;font-size:20px}.np-number-table :is(span,small){font-size:13px;color:var(--muted)}.np-page :is(p,span,strong,small,h2,h3){overflow-wrap:anywhere}.np-page :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.np-page button:not(:disabled):hover{border-color:var(--accent)}:root[data-motion=running] .np-page button:not(:disabled):active{transform:scale(.98)}@media(min-width:721px)and (max-width:1300px){.np-patterns{grid-template-columns:minmax(0,1fr)}}@media(max-width:1100px){.np-layout{grid-template-columns:minmax(0,1fr)}.np-patterns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.np-kind,.np-patterns{grid-template-columns:minmax(0,1fr)}.np-kind{gap:10px}.np-kind a{padding:16px;min-height:80px}.np-input,.np-result-head,.np-empty,.np-workshop,.np-shortlist,.np-rules{padding:20px}.np-pattern-title strong{font-size:28px}}@media(prefers-reduced-motion:reduce){.np-pattern{transition:none}}.cp-stage{padding:clamp(20px,3vw,32px);min-width:0}.cp-stage h2{margin:10px 0 16px}.cp-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-count{color:var(--accent);font-size:14px}.cp-hexes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cp-hex{display:flex;align-items:center;text-align:left;gap:18px;min-width:0;min-height:125px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .2s,box-shadow .2s}.cp-hex .hex-drawing{width:56px;flex:0 0 56px}.cp-hex>span:last-child{display:grid;gap:8px;min-width:0}.cp-hex strong{font-size:20px}.cp-hex small,.cp-line small{font-size:13px;color:var(--muted);line-height:1.6}.cp-hex:hover,.cp-hex:focus-visible,.cp-line:hover,.cp-line:focus-visible,.cp-pattern-list button:hover{border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 10%,transparent)}.cp-hex.selected,.cp-line.selected,.cp-number-list .selected,.cp-pattern-list .selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.cp-lines{display:grid;gap:10px}.cp-line{display:grid;grid-template-columns:76px minmax(0,1fr) 98px;gap:16px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px;color:var(--text);font-size:16px;line-height:1.8;cursor:pointer;transition:border-color .2s,background .2s}.cp-line-number{display:grid;color:var(--accent)}.cp-line.unmatched{border-style:dashed}.cp-line.unmatched>small{color:var(--muted)}.cp-notice{padding:18px;border:1px dashed var(--line);border-radius:12px;line-height:1.8}.cp-number-list{display:flex;gap:12px;flex-wrap:wrap}.cp-number-list button{display:flex;align-items:baseline;gap:8px;min-width:92px;min-height:64px;padding:12px 20px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .2s}.cp-number-list strong{font-size:28px;font-weight:500}.cp-number-list span{font-size:14px;color:var(--muted)}.cp-stepper{display:grid;grid-template-columns:88px minmax(0,1fr) 88px;gap:12px;align-items:center;margin:24px 0}.cp-stepper output{display:grid;gap:4px;text-align:center;overflow-wrap:anywhere}.cp-stepper output strong{font-size:clamp(28px,4vw,44px);font-weight:500;color:var(--accent)}.cp-stepper output span{font-size:13px;color:var(--muted)}.cp-equation{line-height:1.8;overflow-wrap:anywhere}.cp-decompose{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.cp-decompose summary{cursor:pointer;min-height:44px;line-height:1.8;color:var(--accent)}.cp-decompose form{display:grid;gap:14px;padding-top:12px}.cp-checks{display:flex;flex-wrap:wrap;gap:8px 16px}.cp-checks label{display:flex;gap:8px;align-items:center;min-height:44px;font-size:14px}.cp-pattern-list{display:flex;flex-wrap:wrap;gap:10px}.cp-stage button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:root[data-motion=running] .cp-stage button:active{transform:scale(.98)}.cp-stage button:disabled{opacity:.4;cursor:not-allowed}.cp-number-list button:hover{border-color:var(--accent)}@media(max-width:650px){.cp-hexes,.cp-filters{grid-template-columns:1fr}.cp-line{grid-template-columns:64px minmax(0,1fr);gap:10px}.cp-line>small{grid-column:2}.cp-stepper{grid-template-columns:76px minmax(0,1fr) 76px;gap:8px}}@media(prefers-reduced-motion:reduce){.cp-stage button,.cp-hex,.cp-line{transition:none!important}.cp-stage button:active{transform:none}}.cp-decompose textarea{width:100%;min-width:0;resize:vertical;font-family:var(--sans)}.cp-multi{min-width:0;margin:18px 0;padding:12px 16px 16px;border:1px solid var(--line);border-radius:12px}.cp-multi legend{padding:0 8px;font-size:15px;color:var(--accent)}.cp-choice-tools{display:flex;gap:14px}.cp-choice-tools button{min-height:44px;min-width:44px;font-size:13px}.cp-choice-options{display:flex;gap:6px 16px;flex-wrap:wrap}.cp-choice-options label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;cursor:pointer}.cp-choice-options input,.cp-checks input,.cp-lengths input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.cp-multi>small{display:block;font-size:13px;color:var(--muted);line-height:1.8}.cp-changed-lines{display:grid;gap:14px}.cp-changed-line{display:grid;grid-template-columns:64px minmax(0,1fr) 142px;gap:18px;align-items:start;text-align:left;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .2s,box-shadow .2s}.cp-changed-line:hover,.cp-changed-line:focus-visible,.cp-changed-line.selected{border-color:var(--accent);box-shadow:0 8px 24px var(--accent-soft)}.cp-changed-line.selected{background:var(--accent-soft)}.cp-changed-label{display:grid;gap:8px}.cp-changed-label strong{font-size:18px;font-weight:400;color:var(--accent)}.cp-changed-line small{font-size:13px;line-height:1.8;color:var(--muted)}.cp-two-texts{display:grid;gap:16px;font-size:16px;line-height:1.85}.cp-two-texts>span{display:grid;gap:5px}.cp-two-texts>span+span{border-top:1px solid var(--line);padding-top:12px}.cp-changed-preview{display:grid;gap:8px;padding-left:16px;border-left:1px solid var(--line);align-self:stretch}.cp-changed-preview .hex-drawing{width:66px;margin-bottom:6px}.cp-changed-preview strong{font-size:18px;font-weight:400;color:var(--accent)}.cp-lengths{padding:16px;border:1px solid var(--line);border-radius:12px;margin:20px 0;min-width:0}.cp-lengths legend{padding:0 8px;font-size:15px;color:var(--accent)}.cp-lengths>div,.cp-lengths details>div{display:flex;flex-wrap:wrap;gap:8px 24px}.cp-lengths label{display:flex;gap:10px;align-items:center;min-height:44px;font-size:16px}.cp-lengths summary,.cp-adjacent summary,.cp-extra summary{min-height:44px;display:list-item;padding:10px 0;font-size:16px;color:var(--accent);line-height:1.8;cursor:pointer}.cp-lengths details{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.cp-hetu-key{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.cp-hetu-key>span{display:grid;gap:6px;text-align:center;padding:14px 8px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.cp-hetu-key strong{font:24px var(--serif);color:var(--accent)}.cp-hetu-key small{font-size:13px;line-height:1.6;color:var(--muted)}.cp-adjacent>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cp-adjacent .cp-multi{margin:0;padding:10px 12px}.cp-adjacent .cp-choice-options{gap:4px 12px}.cp-extra{margin:20px 0;border-top:1px solid var(--line);padding-top:10px}.cp-extra textarea{width:100%;min-width:0;resize:vertical;font-family:var(--sans)}.cp-batch-status{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:16px 0;border-block:1px solid var(--line);margin:24px 0 16px}.cp-batch-status strong{font-size:18px;font-weight:400;color:var(--accent)}.cp-batch-status span{font-size:14px;line-height:1.8;color:var(--muted)}.cp-compositions{display:grid;gap:8px}.cp-composition{display:grid;grid-template-columns:40px minmax(0,1fr) 54px auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--paper);transition:border-color .2s,box-shadow .2s}.cp-composition:focus-within,.cp-composition:hover,.cp-composition.selected{border-color:var(--accent);box-shadow:0 4px 16px var(--accent-soft)}.cp-size{font-size:14px;display:grid;gap:6px}.cp-size small{font-size:13px;color:var(--muted)}.cp-stroke-sequence{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.cp-stroke-token{display:grid;text-align:center;gap:3px;min-width:28px}.cp-stroke-token strong{font-size:19px;font-weight:400;color:var(--text)}.cp-stroke-token small{font-size:13px;color:var(--accent)}.cp-stroke-relation{font-size:13px;color:var(--muted);line-height:1.7}.cp-row-total{font-size:14px;color:var(--muted)}.cp-composition .button{font-size:13px;padding:8px 10px;min-height:44px;white-space:normal}.cp-next{margin:20px auto;display:flex!important}.cp-stage .cp-count{line-height:1.9}.cp-stage :is(summary,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:650px){.cp-changed-line{grid-template-columns:54px minmax(0,1fr);padding:16px;gap:12px}.cp-changed-preview{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:14px 0 0;grid-template-columns:64px minmax(0,1fr);align-items:center}.cp-changed-preview .hex-drawing{grid-row:1/4;margin:0;width:54px}.cp-adjacent>div{grid-template-columns:minmax(0,1fr)}.cp-hetu-key{gap:5px}.cp-hetu-key>span{padding:12px 4px}.cp-composition{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:12px}.cp-row-total{grid-column:1;white-space:nowrap}.cp-composition .button{grid-column:2;justify-self:end;min-width:100px}.cp-multi{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.cp-changed-line,.cp-composition{transition:none}}.auto-calculate{display:flex;gap:12px;align-items:center;min-height:48px;padding:12px;margin:0 0 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:16px;cursor:pointer}.auto-calculate input{width:20px;height:20px;flex:none;accent-color:var(--accent)}.auto-calculate span{display:grid;gap:4px}.auto-calculate small{font-size:13px;color:var(--muted);line-height:1.5}.company-prefix{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0}.company-prefix legend{font-size:14px;color:var(--accent)}.cp-81-filters,.cp-comparison-filters{margin:20px 0;padding:16px 0;border-top:1px solid var(--line)}.cp-81-filters summary,.cp-comparison-filters summary,.cp-row-81 summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:15px;line-height:1.6}.cp-row-81{grid-column:1/-1;width:100%;border-top:1px solid var(--line);margin-top:8px}.cp-row-81-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;padding-bottom:12px}.cp-row-81-grid>span{display:grid;gap:6px;font-size:14px;line-height:1.6}.cp-row-81-grid strong{font-size:16px}.cp-selected-reading{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.cp-reading-toggle{margin-top:20px}.cp-multi-filter>div:not(.cp-choice-tools){display:flex;flex-wrap:wrap;gap:8px 16px}.cp-multi-filter{min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:16px 0}.cp-multi-filter legend{font-size:15px;color:var(--accent);padding:0 6px}.cp-multi-filter label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px;cursor:pointer}.cp-multi-filter input{width:20px;height:20px;flex:none;accent-color:var(--accent)}