:root{color-scheme:dark;--bg:#080f19;--panel:#0d1927;--line:#26384a;--muted:#8da3b8;--text:#dce6ef;--blue:#a9c7ff;--mint:#a8d9cb;font-family:system-ui,-apple-system,'PingFang SC',sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 20%,#10223266,transparent 55%)}button,input,select{font:inherit}button,select{background:#122132;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:10px 14px;cursor:pointer}button:hover,select:hover{border-color:#8daecc;background:#1b3047}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--blue);outline-offset:4px}a{color:var(--blue)}header{height:96px;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:25px}header a{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--text);font:26px serif;letter-spacing:5px}header b{font:36px system-ui;color:var(--blue)}header small{display:block;font:10px system-ui;letter-spacing:2px;margin-top:8px;color:var(--muted)}.edition{margin-left:auto;font-size:13px;letter-spacing:2px;color:var(--muted)}.edition span{color:var(--mint);margin-left:14px}header button{font-size:13px;background:transparent}main{max-width:1440px;margin:auto;padding:36px 4vw}.heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--muted);margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font:36px serif;letter-spacing:3px;margin-bottom:30px}.heading>p{font:14px/1.9 serif;color:var(--muted);letter-spacing:2px}nav{display:flex;border-bottom:1px solid var(--line);gap:22px;margin-bottom:22px}nav button{border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:15px 5px;color:var(--muted);font-size:14px}nav button.active{color:var(--blue);border-bottom-color:var(--blue);background:transparent}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.stage{background:radial-gradient(ellipse at 50% 40%,#122f41,#091421 75%);position:relative;min-width:0}.sceneHead{position:absolute;top:26px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none;z-index:1}.sceneHead small{display:block;color:var(--muted);font-size:12px;letter-spacing:1px}.sceneHead strong{font-size:18px;color:var(--blue);font-weight:400;display:block;margin-top:9px}.sceneHead .right{text-align:right}.sceneHead .right strong{color:var(--mint)}canvas{display:block;width:100%;height:430px;touch-action:none;cursor:grab}.sceneCaption{text-align:center;margin-top:-26px;pointer-events:none;position:relative}.sceneCaption span{font:18px serif;letter-spacing:4px;color:#c4d5e6}.sceneCaption p{font-size:12px;color:#7792a9;margin:10px 0 22px}.sceneTools{border-top:1px solid #26384a88;padding:15px 25px;display:flex;gap:10px;align-items:center}.sceneTools label{display:flex;align-items:center;gap:16px;margin-right:auto;color:var(--muted);font-size:13px}.sceneTools button{padding:7px 12px;font-size:12px;background:transparent}input[type=range]{accent-color:var(--blue);width:135px}.morphTools,.labTools{padding:12px 25px 20px;border-top:1px solid #26384a88}.morphTools>div{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.morphTools input,.labTools input{width:100%;margin:12px 0}.morphTools small{font-size:12px;color:#7c92a7}.labTools label{font-size:14px;display:flex;justify-content:space-between}.labTools p{font-size:13px;line-height:1.7;margin:0;color:var(--muted)}.reading{background:#0c1723;border-left:1px solid var(--line);padding:25px 24px}.hexHeading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:var(--muted)}.hexTitle{display:flex;align-items:center;gap:18px;margin:20px 0 12px}.hexTitle>span{font:54px serif;color:var(--blue)}.hexTitle h2{font:38px serif;margin:0}.hexTitle p{font-size:12px;color:var(--muted);margin:7px 0 0}.meaning{font-size:14px;color:var(--mint);border-bottom:1px solid var(--line);padding-bottom:17px;line-height:1.8}.selectors{display:flex;gap:10px;margin-bottom:24px}.selectors label{flex:1;color:var(--muted);font-size:12px}.selectors select{display:block;width:100%;font-size:14px;padding:8px;margin-top:7px}.lineHeading{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:8px}#lines{display:flex;flex-direction:column-reverse;gap:1px}#lines button{background:transparent;border:0;padding:9px 0;display:flex;align-items:center;gap:13px;font-size:12px;color:var(--muted)}#lines button:hover{color:white}#lines .bars{display:flex;flex:1;gap:12px;height:4px}#lines i{flex:1;background:var(--blue)}#lines button:nth-child(n+4) i{background:var(--mint)}#lines .target{width:45px;text-align:right}.relations{display:flex;gap:6px;margin-top:17px}.relations button{flex:1;font-size:12px;padding:8px 2px}.relations small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.trail{border-top:1px solid var(--line);margin-top:18px;padding-top:13px}.trail small{font-size:11px;color:var(--muted)}#history{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}#history button{border:none;background:transparent;font-size:12px;padding:3px 5px;color:var(--blue)}.context{padding:24px 0;border-bottom:1px solid var(--line)}.context>p{font-size:14px;color:var(--muted);line-height:1.9;margin:12px 0 0}.context h3{font:20px serif;letter-spacing:2px;margin:0 0 10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.card{background:#0d1c2b;border:1px solid var(--line);border-radius:6px;padding:17px;text-align:left;color:var(--muted);font-size:13px;line-height:1.8}.card strong{display:block;font-size:18px;font-weight:400;color:var(--text);margin-bottom:6px}.card.selected{border-color:var(--blue);background:#1b3047}.card p{margin:8px 0 0;font-size:13px;color:var(--muted)}.card small{font-size:12px;color:var(--mint)}.context .pairText{display:grid;grid-template-columns:1fr 1fr;gap:25px}.pairText p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.pairText strong{display:block;color:var(--blue);font-weight:400;margin-bottom:5px}.pairText>div:last-child strong{color:var(--mint)}.pathControls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted)}#route{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.pathChip{font-size:13px;padding:7px 11px}.networkMeta{font-size:12px;color:var(--muted)}.atlas{padding-top:36px}.sectionTitle{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:18px}.sectionTitle h2{font:26px serif;letter-spacing:2px;margin:0}.search{font-size:12px;color:var(--muted)}input[type=search]{display:block;background:#0d1b29;border:1px solid var(--line);border-radius:5px;color:var(--text);padding:11px 14px;margin-top:7px;width:200px;font-size:14px}.atlasTools{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;color:var(--muted)}.atlasTools select{font-size:12px;margin-left:12px;padding:6px 9px}#grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}#grid button{padding:13px 8px;background:#0c1926;color:var(--muted);position:relative;display:flex;align-items:center;gap:12px;text-align:left}#grid button .glyph{font-size:31px;color:#a6bed6}#grid button .name{font:17px serif;color:#c6d5e3}#grid button small{display:block;font:10px system-ui;margin-bottom:4px;color:var(--muted)}#grid button.selected{background:#233d56;border-color:var(--blue)}#grid button.neighbor{border-color:#4b6d79}.notes{margin-top:40px;border-top:1px solid var(--line);padding-top:28px}.notes h3{font:20px serif;letter-spacing:2px}.notes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.notes p{font-size:13px;line-height:1.9;color:var(--muted)}.notes b{display:block;color:#c5d7e7;margin-bottom:7px;font-weight:400}.notes details{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.notes summary{cursor:pointer}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;align-items:center;margin-top:38px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:#748b9f;letter-spacing:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.focus .heading,body.focus .reading,body.focus .atlas,body.focus .notes,body.focus footer,body.focus .context{display:none}body.focus .workspace{grid-template-columns:1fr}body.focus canvas{height:65vh}body.focus main{max-width:1500px}.labTools[hidden],.morphTools[hidden]{display:none}@media(min-width:1500px){canvas{height:480px}}@media(max-width:1000px){main{padding:26px 22px}.workspace{grid-template-columns:minmax(0,1fr) 275px}.reading{padding:22px 18px}#grid button{gap:6px}#grid button .glyph{font-size:25px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){header{height:80px;padding:0 20px;gap:15px}header a{font-size:22px;gap:12px}header small{font-size:8px}.edition{display:none}header button{margin-left:auto;font-size:12px;padding:8px}main{padding:26px 16px}.heading>p{display:none}h1{font-size:27px;margin-bottom:20px;letter-spacing:1px}.eyebrow{font-size:11px;letter-spacing:2px}nav{gap:0;justify-content:space-between;margin-bottom:16px}nav button{font-size:12px;padding:13px 1px}.workspace{grid-template-columns:1fr}.reading{border-left:0;border-top:1px solid var(--line);padding:24px}.sceneHead{left:20px;right:20px;top:20px}.sceneHead strong{font-size:16px}canvas{height:380px}.sceneTools{padding:14px 20px}.sceneTools input{width:100px}.morphTools,.labTools{padding-left:20px;padding-right:20px}.hexTitle{margin:16px 0}.hexTitle h2{font-size:40px}#lines button{padding:12px 0}.selectors{margin-bottom:20px}.relations button{padding:11px 2px}.context .pairText{gap:18px}.pairText p{font-size:13px}.sectionTitle{align-items:flex-start;gap:10px}.sectionTitle h2{font-size:20px;letter-spacing:0}.search{max-width:140px}input[type=search]{width:100%;font-size:12px;padding:9px}#grid{grid-template-columns:repeat(4,1fr);gap:7px}#grid button{padding:10px;gap:8px}#grid button .name{font-size:16px}.notes>div{grid-template-columns:1fr;gap:0}.card{padding:13px}.card strong{font-size:16px}.pathControls select{max-width:145px}.atlasTools label{font-size:12px}.sceneCaption span{font-size:16px}footer{font-size:10px;letter-spacing:0}.context>p{font-size:13px}body.focus canvas{height:58vh}}
.learnEntry{display:flex;align-items:center;justify-content:space-between;border:1px solid #365168;border-radius:8px;background:linear-gradient(100deg,#152a3d,#0d1926);padding:19px 24px;margin:0 0 22px;gap:15px}.learnEntry .eyebrow{color:var(--mint);font-size:13px}.learnEntry p{font-size:14px;color:var(--muted);margin:8px 0 0}.learnEntry button,.primaryAction{background:#bdd1eb;color:#142339;border-color:#bdd1eb}.learnEntry button:hover,.primaryAction:hover{background:#d3e2f5;color:#142339}.classroom{border:1px solid #3a526b;background:#0c1926;border-radius:8px;padding:26px;margin-bottom:24px}.classroom[hidden]{display:none}.courseHead{display:flex;align-items:center;justify-content:space-between;gap:20px}.courseHead h2{font:25px serif;letter-spacing:1px;margin:0}.courseProgress{min-width:120px;color:var(--mint);font-size:12px}.courseProgress progress{display:block;width:130px;height:5px;margin-top:10px;accent-color:var(--mint)}.lessonTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 28px}.lessonTabs button{font-size:13px;text-align:left;background:#101f2e}.lessonTabs small{color:var(--muted);font-size:11px;margin-right:10px}.lessonTabs button.active{background:#263d54;border-color:#adc8e8;color:#edf6ff}.lessonBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:34px}.lessonBody h3{font:28px serif;letter-spacing:2px;margin-bottom:10px}.lessonBody article>p{font-size:16px;line-height:1.95;color:#b4c5d6;margin-bottom:18px}.lessonBody article>.eyebrow{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:12px}.lessonBody article>.lessonSub{font-size:15px;color:var(--mint)}.lessonNote{background:#142839;border-left:2px solid #84afc6;padding:14px 17px;color:#a8bfd1;font-size:14px;line-height:1.8}.lessonNote b{display:block;color:var(--mint);font-weight:400;margin-bottom:4px}.lessonSource{font-size:12px;display:block;margin-top:18px;line-height:1.7}.practice{background:#091420;border:1px solid var(--line);padding:20px;border-radius:6px}.practiceHeading{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.practiceHeading h4{color:#d4e6f7;font-size:17px;font-weight:400;margin:0}.practiceHeading span{font-size:12px}.practice>p{font-size:15px;line-height:1.85;margin:14px 0}.practiceActions{display:flex;gap:8px;margin-bottom:12px}.practiceActions button{font-size:12px;padding:8px 10px}.practiceCurrent{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:4px}.practiceCurrent>span{font:23px serif;color:var(--blue)}.practiceCurrent small{font-size:12px;color:var(--muted)}.practiceLines{display:flex;flex-direction:column;gap:3px}.miniLine{display:flex;align-items:center;gap:15px;width:100%;padding:10px 0;background:transparent;border:0;color:var(--muted)}.miniLine>span:first-child{font-size:13px;width:32px;text-align:left}.miniBars{flex:1;display:flex;gap:13px}.miniBars i{display:block;height:5px;background:var(--blue);flex:1}.miniLine:nth-child(-n+3) .miniBars i{background:var(--mint)}.miniLine small{font-size:11px;width:30px}.practiceSelectors{display:flex;gap:12px;margin:10px 0}.practiceSelectors label{flex:1;font-size:12px;color:var(--muted)}.practiceSelectors select{display:block;width:100%;font-size:14px;padding:7px;margin-top:5px}.practiceRelations{display:flex;gap:6px}.practiceRelations button{flex:1;font-size:12px;padding:8px 2px}.practiceHint{font-size:13px;color:var(--muted);margin-top:17px}.practiceHint summary{cursor:pointer}.practiceHint p{line-height:1.8;margin:9px 0}.practiceFeedback{font-size:14px;color:#afc4d7;line-height:1.8;margin-top:16px;padding:12px 0;border-top:1px solid var(--line)}.practiceFeedback.correct{color:var(--mint)}.primaryAction{width:100%;font-size:14px;padding:12px;margin-top:4px}button:disabled{opacity:.45;cursor:default}.courseFoot{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.courseFoot small{font-size:12px;color:var(--muted);line-height:1.7}.courseFoot button{font-size:13px}.trigramKey{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.trigramKey span{background:#142536;padding:11px 6px;text-align:center;font-size:13px}.trigramKey b{display:block;font-size:24px;color:var(--blue);font-weight:400;margin-bottom:5px}.lessonBody blockquote{margin:0 0 18px;padding:16px 20px;border-left:2px solid var(--mint);font:24px/1.8 serif;color:#ddebdc;background:#122532}.lessonBody blockquote small{display:block;font:12px system-ui;color:var(--muted);margin-bottom:8px}.learning #lines button>span:first-child{width:30px}body.focus .learnEntry,body.focus .classroom{display:none}@media(max-width:900px){.lessonBody{gap:22px}.lessonTabs button{padding:10px 8px;font-size:12px}.lessonTabs small{margin-right:5px}}@media(max-width:720px){.learnEntry{padding:16px}.learnEntry p{font-size:12px}.learnEntry button{padding:10px;font-size:13px;white-space:nowrap}.learnEntry .eyebrow{font-size:12px;letter-spacing:1px}.classroom{padding:18px 15px}.courseHead{align-items:flex-start}.courseHead h2{font-size:20px;line-height:1.6}.courseHead .eyebrow{font-size:10px;letter-spacing:1px}.courseProgress{min-width:76px;font-size:11px;white-space:nowrap}.courseProgress progress{width:76px}.lessonTabs{grid-template-columns:repeat(2,1fr);margin:18px 0 23px;gap:6px}.lessonBody{grid-template-columns:1fr;gap:20px}.lessonBody h3{font-size:25px}.lessonBody article>p{font-size:16px;line-height:1.9}.practice{padding:17px}.courseFoot{flex-wrap:wrap}.courseFoot small{order:3;flex-basis:100%;text-align:center}.trigramKey span{font-size:12px}.miniLine{padding:12px 0}}
.courseLevels{display:flex;gap:10px;margin-top:22px}.courseLevels button{flex:1;font-size:14px;background:transparent}.courseLevels button[aria-pressed=true]{background:#234137;border-color:#94bfb0;color:#cde7d9}.courseLevels+.lessonTabs{margin-top:12px}.learnEntry>div{margin-right:auto}.markHelp,.markedSummary{font-size:13px;color:#a7bcd0;line-height:1.8;margin:10px 0}.miniLine.marked{background:#294c42;border:1px solid #8ebba8;padding-left:8px;padding-right:8px;border-radius:4px}.miniLine.marked small{color:#d6eec2}.lessonDiagram{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.lessonDiagram summary{font-size:14px;color:var(--mint);cursor:pointer}.lessonDiagram svg{width:100%;max-width:620px;display:block;margin:auto}.lessonDiagram>p{font-size:13px;line-height:1.8;color:var(--muted)}.inspector{border:1px solid var(--line);border-radius:7px;margin-top:22px;background:#0b1825}.inspector>summary{padding:18px 22px;font-size:15px;color:#b8d2e5;cursor:pointer}#lineInspector{padding:8px 22px 22px}.inspectorHead{display:flex;align-items:center;justify-content:space-between;gap:18px}.inspectorHead h3{font:22px serif;margin-bottom:16px}.inspectPresets{display:flex;gap:6px;flex-wrap:wrap}.inspectPresets button{padding:7px 12px;font-size:12px}.inspectTabs{display:flex;gap:8px;margin:7px 0 12px}.inspectTabs button{font-size:13px;background:transparent}.inspectTabs button.active{background:#243c50;border-color:#aac3dc}.inspectBody{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}.inspectBody svg{display:block;width:100%}.inspectExplanation p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:15px}.inspectExplanation b{display:block;color:var(--mint);font-weight:400}.inspectExplanation .inspectLimit{font-size:12px;color:#91a7ba}.lessonBody blockquote{white-space:normal}@media(max-width:720px){.learnEntry{flex-wrap:wrap;gap:10px}.learnEntry>div{width:100%;margin:0}.learnEntry>button{flex:1}.inspectBody{grid-template-columns:1fr;gap:0}.inspectorHead{display:block}.inspectPresets{margin-bottom:15px}#lineInspector{padding:8px 12px 18px}.inspectTabs{gap:5px}.inspectTabs button{font-size:12px;padding:9px 8px}.courseLevels button{font-size:13px}.inspectorHead h3{font-size:20px}.inspector>summary{font-size:14px;padding:16px}.lessonBody blockquote{font-size:21px}}

.inspectBody>div:first-child,#lessonRelationGraphic{min-width:0;overflow-x:auto}body.focus .inspector{display:none}@media(max-width:720px){.inspectBody svg,#lessonRelationGraphic svg{min-width:480px}}

footer .icpFiling{flex-basis:100%;text-align:center}