.code-specimen.svelte-yxaw9u{width:100%;min-width:0;color:var(--ink);background:var(--panel)}.source-heading.svelte-yxaw9u{border-bottom:1px solid #333;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-bottom:12px;display:flex}.source-tabs.svelte-yxaw9u{flex-wrap:wrap;gap:20px;display:flex}.source-tabs.svelte-yxaw9u button:where(.svelte-yxaw9u){min-height:44px;font-size:var(--text-small);color:var(--secondary);transition:color .18s;position:relative}.source-tabs.svelte-yxaw9u button:where(.svelte-yxaw9u):after{content:"";background:var(--halo-foreground);transform-origin:0;height:2px;transition:transform .22s ease-out;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.source-tabs.svelte-yxaw9u button[aria-selected=true]:where(.svelte-yxaw9u){color:var(--ink)}.source-tabs.svelte-yxaw9u button[aria-selected=true]:where(.svelte-yxaw9u):after{transform:scaleX(1)}.source-tabs.svelte-yxaw9u button:where(.svelte-yxaw9u):hover{color:var(--halo-foreground)}.source-file.svelte-yxaw9u{font-size:var(--text-small);color:var(--secondary)}.code-scroll.svelte-yxaw9u{overscroll-behavior-x:contain;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:0;padding-block:24px;overflow-x:auto}.code-scroll.svelte-yxaw9u .shj-multiline{--code-size:var(--text-small);--code-line-height:calc(var(--code-size) * 1.9);min-height:20lh;box-shadow:none!important;font-family:var(--font-code)!important;font-size:var(--code-size)!important;font-weight:400!important;line-height:var(--code-line-height)!important;border-radius:0!important;margin:0!important;padding:0!important}.code-scroll.svelte-yxaw9u .shj-multiline>div{width:max-content;min-width:100%;overflow:visible!important}.code-scroll.svelte-yxaw9u .shj-multiline>div>div{font-family:inherit;font-size:inherit;line-height:inherit}.code-scroll.svelte-yxaw9u .shj-multiline>div>div:first-child{background:var(--panel);width:40px;font-size:var(--text-small);line-height:inherit;flex-shrink:0;align-self:stretch;position:sticky;left:0;opacity:1!important}.source-foot.svelte-yxaw9u{color:var(--secondary);font-size:var(--text-small);border-top:1px solid #333;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:16px;display:flex}@media (width<=700px){.source-tabs.svelte-yxaw9u{gap:18px}}.hue-study.svelte-lsl06{gap:24px;width:100%;margin:0;display:grid}.figure-heading.svelte-lsl06,.hue-foot.svelte-lsl06{color:var(--secondary);font-size:var(--text-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.hue-wheel.svelte-lsl06{width:min(100%, 580px, max(300px, calc(100svh - var(--content-top) - var(--content-bottom) - 112px)));aspect-ratio:1;justify-self:center;position:relative}svg.svelte-lsl06{width:100%;height:100%;display:block}.hue-segment.svelte-lsl06{opacity:.5;transition:opacity .25s}button[aria-pressed=true].svelte-lsl06 .hue-segment:where(.svelte-lsl06),button.svelte-lsl06:hover .hue-segment:where(.svelte-lsl06),button.svelte-lsl06:focus-visible .hue-segment:where(.svelte-lsl06){opacity:1}button.svelte-lsl06{width:100%;height:100%;position:absolute;inset:0}button.svelte-lsl06:focus-visible{outline:none}.focus-ring.svelte-lsl06{stroke:var(--ink);opacity:0}button.svelte-lsl06:focus-visible .focus-ring:where(.svelte-lsl06){opacity:1}.wheel-guides.svelte-lsl06{pointer-events:none;position:absolute;inset:0}.inner-guide.svelte-lsl06{stroke:#404040;stroke-dasharray:1 8}.omitted-arc.svelte-lsl06{stroke:var(--secondary);stroke-width:2px;stroke-dasharray:3 7}.hue-marker.svelte-lsl06{stroke:var(--panel);stroke-width:4px;transition:cx .25s ease-out,cy .25s ease-out}.wheel-center.svelte-lsl06{text-align:center;color:var(--secondary);font-size:var(--text-small);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:32% 20%}.wheel-center.svelte-lsl06 strong:where(.svelte-lsl06){font-family:var(--font-brand);font-size:var(--text-title);font-weight:500;transition:color .25s}.hue-foot.svelte-lsl06{border-top:1px solid #333;padding-top:20px}.omission-key.svelte-lsl06{align-items:center;gap:12px;display:inline-flex}.omission-key.svelte-lsl06 i:where(.svelte-lsl06){border-top:1px dashed var(--secondary);width:24px}@media (width<=700px){.hue-wheel.svelte-lsl06{width:min(100%,420px)}}.chapter.svelte-w17jj1{border-bottom:1px solid #2d2d2d;min-height:100%}.chapter.svelte-w17jj1:last-child{border-bottom:0}.chapter-copy.svelte-w17jj1,.chapter-visual.svelte-w17jj1{min-width:0;padding:var(--content-top) var(--page-inset) var(--content-bottom);align-items:center;display:flex}.chapter-copy.svelte-w17jj1{background:var(--page)}.chapter-visual.svelte-w17jj1{background:var(--panel)}.chapter-writing.svelte-w17jj1,.visual-content.svelte-w17jj1{flex-direction:column;gap:28px;width:100%;min-width:0;margin:0 auto;display:flex}.chapter-writing.svelte-w17jj1{max-width:440px}.visual-content.svelte-w17jj1{max-width:720px}.code-content.svelte-w17jj1{max-width:780px}@media (width<=700px){.chapter.svelte-w17jj1{grid-template-columns:minmax(0,1fr);min-height:auto}.chapter-copy.svelte-w17jj1{padding-bottom:32px}.chapter.continuation.svelte-w17jj1 .chapter-copy:where(.svelte-w17jj1){padding-top:36px}.chapter-visual.svelte-w17jj1{padding-top:28px;padding-bottom:36px}.chapter-writing.svelte-w17jj1,.visual-content.svelte-w17jj1{gap:24px;max-width:540px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.chapter.svelte-w17jj1{view-timeline-name:--chapter;view-timeline-axis:block}.chapter.continuation.svelte-w17jj1 .chapter-writing:where(.svelte-w17jj1),.chapter.continuation.svelte-w17jj1 .visual-content:where(.svelte-w17jj1){animation:linear both svelte-w17jj1-chapter-enter;animation-timeline:--chapter;animation-range:entry entry 85%}}}@keyframes svelte-w17jj1-chapter-enter{0%{opacity:.45;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.surface-study.svelte-1ql712f{gap:24px;width:100%;margin:0;display:grid}.figure-heading.svelte-1ql712f{color:var(--secondary);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.surface-layout.svelte-1ql712f{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.neutral-composition.svelte-1ql712f{aspect-ratio:1;justify-self:center;width:100%;max-width:340px;position:relative}.composition-axis.svelte-1ql712f{background:#333;position:absolute}.horizontal.svelte-1ql712f{width:100%;height:1px;top:50%;left:0}.vertical.svelte-1ql712f{width:1px;height:100%;top:0;left:50%}.neutral-plane.svelte-1ql712f{color:var(--secondary);transform:translate(calc(var(--plane) * var(--separation)), calc(var(--plane) * var(--separation) * -1));border:1px solid #404040;align-items:flex-end;padding:12px;transition:border-color .8s;display:flex;position:absolute;inset:20%}.neutral-plane.chosen.svelte-1ql712f{border-color:var(--secondary)}.surface-reading.svelte-1ql712f{gap:24px;min-width:0;display:grid}.surface-heading.svelte-1ql712f{gap:12px;display:grid}.surface-heading.svelte-1ql712f>span:where(.svelte-1ql712f){color:var(--secondary);font-size:var(--text-small)}.surface-heading.svelte-1ql712f strong:where(.svelte-1ql712f){font-size:var(--text-title);font-weight:400}.channel-register.svelte-1ql712f{font-size:var(--text-small);color:var(--secondary);gap:16px;margin:0;display:grid}.channel-register.svelte-1ql712f>div:where(.svelte-1ql712f){grid-template-columns:12px minmax(0,1fr);align-items:center;gap:12px;display:grid}.channel-register.svelte-1ql712f dd:where(.svelte-1ql712f){text-align:right;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:12px;margin:0;display:grid}.channel-track.svelte-1ql712f{background:#333;height:2px}.channel-track.svelte-1ql712f i:where(.svelte-1ql712f){background:var(--secondary);height:100%;transition:width .8s;display:block}.surface-reading.svelte-1ql712f p:where(.svelte-1ql712f){color:var(--secondary);font-size:var(--text-small);line-height:1.7}.surface-choices.svelte-1ql712f{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.surface-choices.svelte-1ql712f button:where(.svelte-1ql712f){min-height:52px;color:var(--secondary);font-size:var(--text-small);border-bottom:1px solid #404040;align-items:center;gap:10px;padding-block:8px;line-height:1.5;transition:border-color .8s,color .8s;display:flex}.surface-choices.svelte-1ql712f button[aria-pressed=true]:where(.svelte-1ql712f){border-color:var(--ink);color:var(--ink)}.surface-choices.svelte-1ql712f i:where(.svelte-1ql712f){border:1px solid #545454;flex-shrink:0;width:16px;height:16px}@media (width<=700px){.surface-heading.svelte-1ql712f strong:where(.svelte-1ql712f){font-size:var(--text-body)}.surface-reading.svelte-1ql712f{gap:20px}.surface-choices.svelte-1ql712f{gap:12px}}.introduction.svelte-ln5dmh{background:var(--page);position:relative;overflow-x:hidden}.chapter-number.svelte-ln5dmh{color:var(--secondary)}h1.svelte-ln5dmh,h2.svelte-ln5dmh{font-size:var(--text-display);line-height:1.05}.chapter-heading.svelte-ln5dmh p:where(.svelte-ln5dmh){max-width:38ch;color:var(--secondary);font-size:var(--text-body);margin-top:24px;line-height:1.8}.principles.svelte-ln5dmh,.syntax-legend.svelte-ln5dmh{margin:0}.principles.svelte-ln5dmh{border-top:1px solid #333;gap:24px;padding-top:24px;display:grid}.principles.svelte-ln5dmh dt:where(.svelte-ln5dmh){font-size:var(--text-body);font-weight:600}.principles.svelte-ln5dmh dd:where(.svelte-ln5dmh){max-width:42ch;color:var(--secondary);font-size:var(--text-small);margin:8px 0 0;line-height:1.8}.syntax-legend.svelte-ln5dmh{border-top:1px solid #333}.syntax-legend.svelte-ln5dmh>div:where(.svelte-ln5dmh){min-height:40px;font-size:var(--text-small);border-bottom:1px solid #292929;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-block:8px;display:flex}.syntax-legend.svelte-ln5dmh dt:where(.svelte-ln5dmh){align-items:center;gap:12px;display:flex}.syntax-legend.svelte-ln5dmh i:where(.svelte-ln5dmh){flex-shrink:0;width:8px;height:8px}.syntax-legend.svelte-ln5dmh dd:where(.svelte-ln5dmh){font-family:var(--font-brand);margin:0}@media (width<=1100px){h1.svelte-ln5dmh,h2.svelte-ln5dmh{font-size:var(--text-heading)}}@media (width<=700px){.chapter-heading.svelte-ln5dmh p:where(.svelte-ln5dmh){margin-top:20px}}