.home-talk{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:48px max(6vw,calc((100vw - 1280px)/2));border-bottom:1px solid var(--cp-border);background:var(--cp-bg-elevated)}.home-talk h2{font-size:clamp(24px,2.7vw,38px);font-weight:500;margin-top:12px}.home-talk p:not(.eyebrow){margin-top:16px;color:var(--cp-text-muted);font-size:15px;max-width:680px;line-height:1.8}.home-talk .button{flex-shrink:0}.line-study{margin-top:40px;padding-top:32px;border-top:1px solid var(--cp-border)}.study-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.study-heading h2{font-size:26px;font-weight:500;margin-top:8px}.study-intro{color:var(--cp-text-muted);font-size:14px;line-height:1.85;margin:16px 0}.study-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;align-items:start;margin-top:28px}.study-navigator{position:sticky;top:100px;padding:20px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-bg-elevated)}.study-navigator>p{color:var(--cp-text-muted);font-size:12px;line-height:1.8;margin-bottom:20px}.study-line{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--cp-border);border-radius:10px;margin-bottom:8px;background:var(--cp-surface)}.study-line[aria-pressed=true]{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.study-line .solid-line,.study-line .broken-line{height:10px}.study-line>span:last-child{white-space:nowrap;width:28px;font-size:12px;color:var(--cp-text-muted)}.study-structure{font-size:12px;color:var(--cp-text-muted);line-height:1.8;margin-top:24px}.study-structure strong{color:var(--cp-accent);font-size:14px}.study-structure p{margin-top:8px}.study-structure small{display:block;font-size:11px;margin-top:16px}.study-step{display:flex;gap:8px;margin-top:24px}.study-step .button{flex:1;padding:8px;font-size:12px}.study-step button:disabled{opacity:.4}.study-detail{min-width:0;padding:28px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface)}.study-detail h3{font-size:26px;font-weight:500;margin-top:12px}.study-detail>.classical-quote{font-size:26px;margin:20px 0}.study-detail>section{margin-top:28px;padding-top:24px;border-top:1px solid var(--cp-border)}.study-detail h4{font-size:17px;font-weight:600;margin-bottom:16px;color:var(--cp-accent)}.study-detail section>p,.study-detail .study-disclosure p,.study-extra>p{font-size:15px;line-height:1.9;margin-top:12px}.study-detail>.text-link{display:inline-block;margin-top:28px}.study-plain p{font-size:17px!important}.study-plain button{margin-top:16px}.study-phrases{display:grid;gap:12px}.study-phrases>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:20px;padding:14px;background:var(--cp-bg-elevated);border-radius:10px}.study-phrases dt{color:var(--cp-accent);font:20px/1.8 KaiTi,STKaiti,serif}.study-phrases dd{color:var(--cp-text-muted);font-size:14px;line-height:1.85}.study-image{background:var(--cp-bg-elevated);border-radius:10px;padding:20px!important}.study-image .classical-quote{font-size:20px}.bi-scene{border:1px solid var(--cp-border);border-radius:16px;padding:16px;background:var(--cp-bg-elevated);text-align:center}.bi-scene svg{width:100%;display:block;max-height:300px}.bi-scene svg text{fill:var(--cp-text-muted);font:15px var(--font-sans)}.bi-scene svg g>text:first-of-type{font-family:var(--font-mono)}.bi-scene>button{margin:16px auto 0;font-size:12px}.scene-credit{color:var(--cp-text-muted);font-size:12px!important;line-height:1.8;margin-top:16px}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reading-grid>section{border:1px solid var(--cp-border);border-radius:10px;padding:18px;background:var(--cp-bg-elevated);min-width:0}.reading-grid a{color:var(--cp-accent);font-size:13px;font-weight:600}.reading-grid p{font-size:14px;line-height:1.85;margin-top:12px}.reading-grid small{display:block;color:var(--cp-text-muted);font-size:10px;line-height:1.7;margin-top:12px}.study-distinction{padding:20px;background:var(--cp-accent-soft);border-radius:10px;font-size:14px!important}.study-check>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.study-check button{white-space:normal;text-align:left;font-size:13px}.study-check button[aria-pressed=true]{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.study-check p[role=status]{color:var(--cp-accent);background:var(--cp-accent-soft);border-radius:10px;padding:16px}.study-disclosure{margin-top:20px;padding:16px;border:1px solid var(--cp-border);border-radius:10px;font-size:13px;color:var(--cp-text-muted)}.study-disclosure summary{cursor:pointer;color:var(--cp-accent);font-weight:600}.study-disclosure>p{margin-top:16px;line-height:1.9}.study-disclosure small{font-size:11px}.study-extra{margin-top:24px;padding:24px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface)}.study-extra h3{font-size:22px;color:var(--cp-accent)}@media(max-width:900px){.study-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}.study-navigator{padding:16px}.study-detail{padding:20px}.reading-grid{grid-template-columns:1fr}}@media(max-width:650px){.home-talk{flex-direction:column;align-items:start;padding:32px 20px;gap:24px}.study-heading{flex-direction:column;align-items:start}.study-layout{grid-template-columns:1fr;gap:24px}.study-navigator{position:static}.study-navigator .study-structure{margin-top:16px}.study-lines{max-width:380px;margin:auto}.study-phrases>div{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:12px}.study-detail{padding:20px}.study-detail h3{font-size:23px}.study-detail>.classical-quote{font-size:22px}.study-detail section>p{font-size:14px}.bi-scene{padding:12px}.bi-scene svg text{font-size:16px}}/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:"Segoe UI",Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:Consolas,"Courier New",Courier,monospace;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--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);--color-slate-100:var(--cp-text);--color-slate-200:var(--cp-text);--color-slate-300:var(--cp-text);--color-slate-400:var(--cp-text-muted);--color-slate-500:var(--cp-text-soft);--color-slate-600:var(--cp-border-strong);--color-slate-700:var(--cp-border-strong);--color-slate-800:var(--cp-border);--color-slate-900:var(--cp-surface);--color-slate-950:var(--cp-bg-elevated);--color-amber-50:var(--cp-accent-fg);--color-amber-100:var(--cp-accent-fg);--color-amber-200:var(--cp-accent);--color-amber-300:var(--cp-accent);--color-amber-400:var(--cp-accent);--color-amber-500:var(--cp-accent-hover);--color-amber-600:var(--cp-accent-hover);--color-amber-700:var(--cp-accent);--color-amber-800:var(--cp-accent);--color-amber-900:var(--cp-accent);--color-amber-950:var(--cp-accent-soft);--color-sky-200:var(--cp-accent);--color-sky-600:var(--cp-accent);--color-sky-900:var(--cp-accent);--color-sky-950:var(--cp-accent-soft);--color-blue-400:var(--cp-accent);--color-red-300:var(--cp-danger);--color-red-800:var(--cp-danger);--color-red-950:var(--cp-surface)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);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}.inset-0{inset:calc(var(--spacing)*0)}.m-17{margin:calc(var(--spacing)*17)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-full{height:100%}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-16{min-height:calc(var(--spacing)*16)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-10{width:calc(var(--spacing)*10)}.w-20{width:calc(var(--spacing)*20)}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[520px\]{min-width:520px}.min-w-\[680px\]{min-width:680px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.scroll-mt-4{scroll-margin-top:calc(var(--spacing)*4)}.\[grid-template-columns\:repeat\(auto-fit\,minmax\(min\(100\%\,max\(18rem\,calc\(\(100\%-2\.25rem\)\/4\)\)\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(18rem,25% - .5625rem)),1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-400{border-color:var(--color-amber-400)}.border-amber-600{border-color:var(--color-amber-600)}.border-amber-700\/60{border-color:var(--color-amber-700)}@supports (color:color-mix(in lab,red,red)){.border-amber-700\/60{border-color:color-mix(in oklab,var(--color-amber-700)60%,transparent)}}.border-amber-800{border-color:var(--color-amber-800)}.border-amber-900\/40{border-color:var(--color-amber-900)}@supports (color:color-mix(in lab,red,red)){.border-amber-900\/40{border-color:color-mix(in oklab,var(--color-amber-900)40%,transparent)}}.border-amber-900\/50{border-color:var(--color-amber-900)}@supports (color:color-mix(in lab,red,red)){.border-amber-900\/50{border-color:color-mix(in oklab,var(--color-amber-900)50%,transparent)}}.border-amber-900\/60{border-color:var(--color-amber-900)}@supports (color:color-mix(in lab,red,red)){.border-amber-900\/60{border-color:color-mix(in oklab,var(--color-amber-900)60%,transparent)}}.border-red-800\/60{border-color:var(--color-red-800)}@supports (color:color-mix(in lab,red,red)){.border-red-800\/60{border-color:color-mix(in oklab,var(--color-red-800)60%,transparent)}}.border-sky-900\/50{border-color:var(--color-sky-900)}@supports (color:color-mix(in lab,red,red)){.border-sky-900\/50{border-color:color-mix(in oklab,var(--color-sky-900)50%,transparent)}}.border-slate-600{border-color:var(--color-slate-600)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-t-blue-400{border-top-color:var(--color-blue-400)}.bg-amber-300{background-color:var(--color-amber-300)}.bg-amber-700{background-color:var(--color-amber-700)}.bg-amber-900\/50{background-color:var(--color-amber-900)}@supports (color:color-mix(in lab,red,red)){.bg-amber-900\/50{background-color:color-mix(in oklab,var(--color-amber-900)50%,transparent)}}.bg-amber-950\/10{background-color:var(--color-amber-950)}@supports (color:color-mix(in lab,red,red)){.bg-amber-950\/10{background-color:color-mix(in oklab,var(--color-amber-950)10%,transparent)}}.bg-amber-950\/20{background-color:var(--color-amber-950)}@supports (color:color-mix(in lab,red,red)){.bg-amber-950\/20{background-color:color-mix(in oklab,var(--color-amber-950)20%,transparent)}}.bg-amber-950\/30{background-color:var(--color-amber-950)}@supports (color:color-mix(in lab,red,red)){.bg-amber-950\/30{background-color:color-mix(in oklab,var(--color-amber-950)30%,transparent)}}.bg-red-950\/30{background-color:var(--color-red-950)}@supports (color:color-mix(in lab,red,red)){.bg-red-950\/30{background-color:color-mix(in oklab,var(--color-red-950)30%,transparent)}}.bg-sky-950\/20{background-color:var(--color-sky-950)}@supports (color:color-mix(in lab,red,red)){.bg-sky-950\/20{background-color:color-mix(in oklab,var(--color-sky-950)20%,transparent)}}.bg-slate-800,.bg-slate-800\/60{background-color:var(--color-slate-800)}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/60{background-color:color-mix(in oklab,var(--color-slate-800)60%,transparent)}}.bg-slate-900,.bg-slate-900\/40{background-color:var(--color-slate-900)}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/40{background-color:color-mix(in oklab,var(--color-slate-900)40%,transparent)}}.bg-slate-900\/60{background-color:var(--color-slate-900)}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/60{background-color:color-mix(in oklab,var(--color-slate-900)60%,transparent)}}.bg-slate-950,.bg-slate-950\/50{background-color:var(--color-slate-950)}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/50{background-color:color-mix(in oklab,var(--color-slate-950)50%,transparent)}}.fill-amber-300{fill:var(--color-amber-300)}.fill-amber-950{fill:var(--color-amber-950)}.fill-slate-100{fill:var(--color-slate-100)}.fill-slate-300{fill:var(--color-slate-300)}.fill-slate-900{fill:var(--color-slate-900)}.fill-slate-950{fill:var(--color-slate-950)}.stroke-amber-500{stroke:var(--color-amber-500)}.stroke-slate-600{stroke:var(--color-slate-600)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-50{color:var(--color-amber-50)}.text-amber-100{color:var(--color-amber-100)}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-400,.text-amber-400\/80{color:var(--color-amber-400)}@supports (color:color-mix(in lab,red,red)){.text-amber-400\/80{color:color-mix(in oklab,var(--color-amber-400)80%,transparent)}}.text-red-300{color:var(--color-red-300)}.text-sky-200{color:var(--color-sky-200)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-700{color:var(--color-slate-700)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.accent-amber-500{accent-color:var(--color-amber-500)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-amber-400{--tw-ring-color:var(--color-amber-400)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:stroke-amber-400:is(:where(.group):hover *){stroke:var(--color-amber-400)}}.group-focus\:stroke-amber-300:is(:where(.group):focus *){stroke:var(--color-amber-300)}@media(hover:hover){.hover\:border-amber-500:hover{border-color:var(--color-amber-500)}.hover\:border-amber-600:hover,.hover\:border-amber-600\/70:hover{border-color:var(--color-amber-600)}@supports (color:color-mix(in lab,red,red)){.hover\:border-amber-600\/70:hover{border-color:color-mix(in oklab,var(--color-amber-600)70%,transparent)}}.hover\:border-amber-700\/60:hover{border-color:var(--color-amber-700)}@supports (color:color-mix(in lab,red,red)){.hover\:border-amber-700\/60:hover{border-color:color-mix(in oklab,var(--color-amber-700)60%,transparent)}}.hover\:border-sky-600\/70:hover{border-color:var(--color-sky-600)}@supports (color:color-mix(in lab,red,red)){.hover\:border-sky-600\/70:hover{border-color:color-mix(in oklab,var(--color-sky-600)70%,transparent)}}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-amber-950\/40:hover{background-color:var(--color-amber-950)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-950\/40:hover{background-color:color-mix(in oklab,var(--color-amber-950)40%,transparent)}}.hover\:bg-amber-950\/50:hover{background-color:var(--color-amber-950)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-950\/50:hover{background-color:color-mix(in oklab,var(--color-amber-950)50%,transparent)}}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-slate-900:hover{background-color:var(--color-slate-900)}.hover\:text-amber-200:hover{color:var(--color-amber-200)}.hover\:text-amber-300:hover{color:var(--color-amber-300)}}.focus\:border-amber-600:focus{border-color:var(--color-amber-600)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-amber-300:focus-visible{outline-color:var(--color-amber-300)}.focus-visible\:outline-amber-400:focus-visible{outline-color:var(--color-amber-400)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-6{padding-block:calc(var(--spacing)*6)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.\[\&_table\]\:block table{display:block}.\[\&_table\]\:overflow-x-auto table{overflow-x:auto}}:root{color-scheme:light;--cp-bg:#f7f4ef;--cp-bg-elevated:#fcfbf8;--cp-surface:#fff;--cp-surface-soft:#f5f5f5;--cp-border:#dedede;--cp-border-strong:#919191;--cp-text:#242424;--cp-text-muted:#5c5c5c;--cp-text-soft:#6f6f6f;--cp-accent:#b11f4b;--cp-accent-hover:#9a1a41;--cp-accent-soft:#b11f4b14;--cp-accent-fg:#fff;--cp-success:#16a34a;--cp-danger:#dc2626;--cp-warning:#f59e0b;--cp-link:#0078d4;--cp-shadow:0 18px 48px #0000001f;--cp-overlay:#fffc;--cp-panel:#ffffffdb;--cp-panel-strong:#fffffff5;--cp-sheen:#ffffff8c;--cp-highlight:#b11f4b1f}html[data-theme=dark]{color-scheme:dark;--cp-bg:#3d3b3a;--cp-bg-elevated:#343231;--cp-surface:#292929;--cp-surface-soft:#2e2e2e;--cp-border:#474747;--cp-border-strong:#5f5f5f;--cp-text:#dedede;--cp-text-muted:#919191;--cp-text-soft:#b0b0b0;--cp-accent:#fd8ea1;--cp-accent-hover:#fb7b91;--cp-accent-soft:#fd8ea124;--cp-accent-fg:#1a1a1a;--cp-success:#4ade80;--cp-danger:#f87171;--cp-warning:#fbbf24;--cp-link:#4da6ff;--cp-shadow:0 18px 48px #00000052;--cp-overlay:#292929e0;--cp-panel:#292929b8;--cp-panel-strong:#292929f5;--cp-sheen:#ffffff0a;--cp-highlight:#fd8ea11f}*{box-sizing:border-box}body{background:var(--cp-bg);color:var(--cp-text);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:var(--cp-highlight)}button{cursor:pointer}button:disabled{cursor:not-allowed}a{text-decoration:none}:focus-visible{outline:2px solid var(--cp-accent);outline-offset:4px}::selection{background:var(--cp-highlight)}.site-header{align-items:center;gap:32px;max-width:1280px;margin:auto;padding:28px 40px;display:flex}.brand{color:var(--cp-text);align-items:center;gap:12px;margin-right:auto;font-size:27px;font-weight:600;line-height:1.1;display:inline-flex}.brand-mark{border:1px solid var(--cp-accent);width:48px;height:48px;color:var(--cp-accent);border-radius:10px;place-items:center;font-family:KaiTi,STKaiti,serif;font-size:31px;display:grid}.brand-caption{letter-spacing:.14em;color:var(--cp-text-muted);margin-top:5px;font-size:9px;font-weight:500;display:block}.main-nav{align-items:center;gap:28px;font-size:14px;font-weight:500;display:flex}.main-nav a{color:var(--cp-text-muted);align-items:center;gap:4px;padding:8px 0;display:inline-flex}.main-nav a.active,.main-nav a:hover,.main-nav .ask-nav{color:var(--cp-accent)}.header-controls{gap:8px;display:flex}.header-controls button{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);min-width:40px;height:40px;color:var(--cp-text-muted);border-radius:10px;place-items:center;font-size:13px;display:grid}.home-main,.page-main{max-width:1200px;margin:0 auto}.home-main{padding:0 40px;overflow:clip}.page-main{min-height:70vh;padding:36px 40px 64px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:72px;padding:52px 0 64px;display:grid}.eyebrow{color:var(--cp-accent);letter-spacing:.13em;font-size:11px;font-weight:650;line-height:1.6}.hero-copy>.eyebrow{align-items:center;gap:8px;margin-bottom:24px;display:flex}.accent-dot{background:var(--cp-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero h1{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(38px,5vw,66px);font-weight:500;line-height:1.08}.hero h1 span{color:var(--cp-accent)}html[lang=zh] .hero h1{letter-spacing:.02em;line-height:1.3}.hero-description{max-width:480px;color:var(--cp-text-muted);margin-bottom:28px;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--cp-border);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--cp-accent);color:var(--cp-accent-fg);border-color:var(--cp-accent)}.button.primary:hover{background:var(--cp-accent-hover)}.button.secondary{background:var(--cp-bg-elevated);color:var(--cp-text)}.quiet-note{color:var(--cp-text-muted);margin-top:20px;font-size:12px}.hero-interactive{padding:20px;position:relative}.orbit{border:1px solid var(--cp-border);pointer-events:none;border-radius:50%;position:absolute;top:-8px;right:-18px;bottom:-8px;left:-18px;transform:rotate(-20deg)}.orbit:before{content:"";border:1px dashed var(--cp-border);border-radius:50%;position:absolute;top:-24px;right:12px;bottom:-24px;left:12px}.orbit span{background:var(--cp-bg);width:48px;height:48px;color:var(--cp-accent);border-radius:50%;place-items:center;font-family:KaiTi,STKaiti,serif;font-size:28px;display:grid;position:absolute;top:-15px;right:48px;transform:rotate(20deg)}.pattern-card{border:1px solid var(--cp-border);background:var(--cp-surface);box-shadow:0 1px 2px var(--cp-highlight);border-radius:16px;padding:24px 28px;position:relative}.pattern-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.small-badge{background:var(--cp-accent-soft);color:var(--cp-accent);letter-spacing:.06em;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:600}.live-lines{max-width:256px;margin:24px auto}.line-button{width:100%;color:var(--cp-accent);background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;padding:7px 0;display:flex}.line-button:hover{background:var(--cp-accent-soft)}.line-number{width:14px;font:11px var(--font-mono);color:var(--cp-text-muted)}.line-state{width:30px;color:var(--cp-text-muted);text-align:right;font-size:10px}.solid-line,.broken-line{flex:1;gap:20px;height:11px;display:flex}.solid-line{gap:0}.solid-line i,.broken-line i{background:var(--cp-accent);border-radius:2px;flex:1;transition:background .15s}.pattern-result{border-top:1px solid var(--cp-border);min-height:196px;padding-top:16px}.pattern-name{color:var(--cp-accent);justify-content:space-between;align-items:center;font-family:KaiTi,STKaiti,serif;font-size:27px;display:flex}.pattern-name span{font:10px var(--font-mono);color:var(--cp-text-muted)}.pattern-result h2{margin-top:3px;font-size:21px;font-weight:500;line-height:1.4}.pattern-result>p:not(.pattern-name){color:var(--cp-text-muted);margin:10px 0 12px;font-size:13px}.text-link{color:var(--cp-accent);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.text-link:hover{text-decoration:underline}.pattern-help{color:var(--cp-text-muted);margin-top:16px;font-size:11px;line-height:1.6}.intro-strip{border-block:1px solid var(--cp-border);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.intro-strip p{font-size:15px;font-weight:500}.intro-strip span{color:var(--cp-text-muted);font-size:13px}.home-section{padding:60px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-heading h2,.library-teaser h2{letter-spacing:-.02em;margin-top:8px;font-size:32px;font-weight:500;line-height:1.3}.section-heading>p{color:var(--cp-text-muted);max-width:240px;font-size:13px}.path-grid,.guide-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.path-card{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);border-radius:16px;padding:24px;transition:transform .2s,border-color .2s;display:block;position:relative}.path-card:hover,.guide-preview:hover{border-color:var(--cp-accent);transform:translateY(-4px)}.path-top{color:var(--cp-accent);justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.path-top span{font:11px var(--font-mono);color:var(--cp-text-muted)}.path-card h3,.guide-preview h3{color:var(--cp-text);font-size:18px;font-weight:550;line-height:1.4}.path-card p,.guide-preview p{color:var(--cp-text-muted);margin:12px 0 24px;font-size:14px;line-height:1.75}.path-arrow{color:var(--cp-accent);display:block}.application-section{border-top:1px solid var(--cp-border)}.domain-tabs,.application-nav{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.domain-tabs button,.application-nav a{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);color:var(--cp-text-muted);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:inline-flex}.domain-tabs button[aria-pressed=true],.application-nav a.active{background:var(--cp-accent);color:var(--cp-accent-fg);border-color:var(--cp-accent)}.guide-preview{border:1px solid var(--cp-border);background:var(--cp-surface);border-radius:16px;flex-direction:column;padding:24px;transition:transform .2s,border-color .2s;display:flex}.guide-preview>.text-link{margin-top:auto}.guide-symbols{color:var(--cp-accent);gap:12px;margin-bottom:20px;font-size:26px;display:flex}.library-teaser{border-top:1px solid var(--cp-border);grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.library-teaser>div>p:not(.eyebrow){color:var(--cp-text-muted);max-width:390px;margin:20px 0 24px;font-size:14px}.mini-library{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mini-library a{text-align:center;border:1px solid var(--cp-border);background:var(--cp-bg-elevated);color:var(--cp-text-muted);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 12px;font-size:12px;display:flex}.mini-library a:hover{border-color:var(--cp-accent)}.hex-figure{width:52px;color:var(--cp-accent)}.site-footer{border-top:1px solid var(--cp-border);max-width:1200px;color:var(--cp-text-muted);flex-wrap:wrap;align-items:center;gap:16px 28px;margin:auto;padding:28px 40px;font-size:12px;display:flex}.footer-brand{color:var(--cp-accent);font-size:21px}.site-footer>p{margin-right:auto}.site-footer>a:hover{color:var(--cp-accent)}.section-nav{border-bottom:1px solid var(--cp-border);color:var(--cp-text-muted);flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:12px;font-size:13px;display:flex}.section-nav a{padding:8px 0}.section-nav a.active{color:var(--cp-accent)}.about-page{max-width:720px;margin:auto}.about-page h1{margin:16px 0 24px;font-size:36px;font-weight:500}.about-page h2{margin:28px 0 12px;font-size:22px;font-weight:600}.about-page>p{color:var(--cp-text-muted);margin-bottom:20px}.classical-quote{color:var(--cp-text);border-left:2px solid var(--cp-accent);margin:24px 0;padding-left:16px;font-family:KaiTi,STKaiti,serif;font-size:23px;line-height:1.8}.prose p{margin:12px 0}.prose a{color:var(--cp-accent);text-decoration:underline}.prose ul,.prose ol{padding-left:24px}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose h2,.prose h3{margin:20px 0 12px;font-weight:600}.skip-link{z-index:99;background:var(--cp-surface);color:var(--cp-accent);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.trigram-builder{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.trigram-choices{gap:24px;min-width:0;display:grid}.trigram-choice-group{border:0;min-width:0;padding:0}.trigram-choice-group legend{width:100%;color:var(--cp-text);margin-bottom:12px;font-size:15px;font-weight:600}.trigram-choice-group legend span{color:var(--cp-text-muted);margin-left:12px;font-size:11px;font-weight:400}.trigram-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.trigram-option{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;min-width:0;min-height:104px;padding:12px 4px;display:flex;position:relative}.trigram-option:hover{border-color:var(--cp-accent)}.trigram-option[data-selected=true]{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.trigram-option input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;top:0;right:0;bottom:0;left:0}.trigram-option:has(input:focus-visible){outline:2px solid var(--cp-accent);outline-offset:3px}.trigram-option-check{color:var(--cp-accent);font-size:12px;font-weight:600;position:absolute;top:4px;right:7px}.trigram-option-symbol{color:var(--cp-accent);font-size:32px;line-height:1}.trigram-option-name{color:var(--cp-text);margin-top:8px;font-size:14px}.trigram-option-nature{color:var(--cp-text-muted);overflow-wrap:anywhere;font-size:11px}.trigram-result{align-self:center}.generation-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.generation-stage{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);min-width:0;color:var(--cp-text);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:20px 16px;display:flex}.generation-stage:hover,.generation-stage[data-selected=true]{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.generation-stage-name{font-size:14px;font-weight:600}.generation-count{letter-spacing:-.04em;color:var(--cp-accent);font-variant-numeric:tabular-nums;font-size:64px;font-weight:600;line-height:1.2}.generation-equation{font-family:var(--font-mono);color:var(--cp-text);font-size:14px}.generation-stage-lines,.generation-stage-action{color:var(--cp-text-muted);font-size:12px}.generation-stage-action{color:var(--cp-accent);margin-top:12px}.generation-patterns{grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:8px;width:100%;max-width:168px;height:100px;margin-top:12px;display:grid}.generation-patterns>span{place-items:center;display:grid}.generation-patterns svg{width:28px}.generation-stage[data-lines="1"] .generation-patterns{grid-template-columns:repeat(2,minmax(0,1fr))}.generation-stage[data-lines="1"] .generation-patterns svg{width:44px}.generation-stage[data-lines="6"] .generation-patterns{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.generation-patterns i{background:var(--cp-accent);border-radius:2px;width:8px;height:8px}.mode-bit{font:600 36px var(--font-mono);color:var(--cp-accent);margin-top:8px;display:block}.binary-caption{color:var(--cp-text-muted);font-size:11px;line-height:1.6;display:block}.pattern-bits{font:16px var(--font-mono);color:var(--cp-accent);text-align:center;margin-top:8px;display:block}.pattern-bits sub,.binary-result sub,.built-binary sub{margin-left:2px;font-size:.6em}.binary-primer{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.binary-explorer{border:1px solid var(--cp-border);background:var(--cp-bg-elevated);border-radius:16px;min-width:0;padding:16px}.binary-line{width:100%;color:var(--cp-accent);background:0 0;border:0;border-radius:10px;grid-template-columns:44px minmax(40px,1fr) 24px 32px;align-items:center;gap:12px;padding:12px 4px;display:grid}.binary-line:hover{background:var(--cp-accent-soft)}.binary-line-position,.binary-weight{color:var(--cp-text-muted);font-size:11px}.binary-line strong{font:600 24px var(--font-mono)}.binary-result{border-top:1px solid var(--cp-border);text-align:center;color:var(--cp-accent);padding-top:12px}.binary-result>p:first-child{font:600 30px var(--font-mono)}.binary-result>p:nth-child(2){margin:8px 0;font-size:14px}.generation-controls{flex-wrap:wrap;align-items:center;gap:16px 32px;margin:16px 0;display:flex}.generation-controls>label{flex:1;min-width:min(100%,240px)}.generation-total{color:var(--cp-accent);align-items:center;gap:12px;display:flex}.generation-total strong{font-variant-numeric:tabular-nums;font-size:56px;font-weight:600;line-height:1}.generation-total>span{color:var(--cp-text-muted);font-size:13px}.built-binary{font:20px var(--font-mono);color:var(--cp-accent);margin-top:12px}@media(max-width:900px){.site-header{gap:20px;padding:24px}.main-nav{gap:20px}.home-main{padding:0 24px}.page-main{padding:24px}.hero{gap:28px}.hero-interactive{padding:12px}.pattern-card{padding:20px}.hero h1{font-size:44px}.path-card,.guide-preview{padding:20px}.library-teaser{gap:28px}.trigram-builder{grid-template-columns:1fr;gap:20px}.generation-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.binary-primer{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.site-header{flex-wrap:wrap;gap:12px;padding:20px}.brand{font-size:24px}.brand-mark{width:40px;height:40px;font-size:27px}.header-controls{order:1;margin-left:auto}.main-nav{border-top:1px solid var(--cp-border);flex-basis:100%;order:2;justify-content:space-between;gap:12px;padding-top:8px}.home-main{padding:0 20px}.page-main{padding:24px 20px 40px}.hero{grid-template-columns:1fr;gap:36px;padding:32px 0 48px}.hero h1{font-size:48px}.hero-copy>.eyebrow{margin-bottom:20px;font-size:9px}.hero-description{font-size:16px}.hero-actions{gap:8px}.hero-actions .button{padding:12px 14px;font-size:12px}.hero-interactive{width:100%;max-width:420px;margin:auto;padding:12px 8px}.orbit{top:0;right:-6px;bottom:0;left:-6px}.orbit:before{top:-12px;right:12px;bottom:-12px;left:12px}.pattern-card{padding:20px 24px}.pattern-result{min-height:0}.intro-strip{flex-direction:column;align-items:flex-start;gap:8px}.home-section{padding:40px 0}.section-heading{flex-wrap:wrap;gap:12px;margin-bottom:24px}.section-heading h2,.library-teaser h2{font-size:28px}.section-heading>p{max-width:none}.path-grid,.guide-preview-grid,.library-teaser{grid-template-columns:1fr}.path-card{padding:24px}.path-top,.path-card p{margin-bottom:16px}.library-teaser{gap:28px}.site-footer{gap:12px 16px;padding:24px 20px}.site-footer>p{flex:1;min-width:180px}.about-page h1{font-size:30px}.generation-stage{padding:16px 8px}.generation-count{font-size:52px}.generation-patterns{max-width:128px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}