*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0D0D13;--surface: #13131A;--text: #F2EDE6;--muted: #908AA0;--annot: #C8B89A;--border: rgba(200, 184, 154, .1);--margin-line: rgba(210, 72, 54, .38);--font-display: "Fraunces", serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "Space Mono", monospace}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;bottom:0;left:56px;width:1px;background:var(--margin-line);pointer-events:none;z-index:200}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--annot);outline-offset:3px;border-radius:2px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;outline:none;cursor:pointer;width:100%;display:block}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px}@keyframes zoneSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes zoneSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes zoneSlideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes zoneSlideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.zone-enter-right{animation:zoneSlideInRight .32s ease-out both}.zone-enter-left{animation:zoneSlideInLeft .32s ease-out both}.zone-exit-left{animation:zoneSlideOutLeft .2s ease-in both}.zone-exit-right{animation:zoneSlideOutRight .2s ease-in both}@media(prefers-reduced-motion:reduce){.zone-enter-right,.zone-enter-left,.zone-exit-left,.zone-exit-right{animation:none}}@keyframes questionFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes explanationFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question-enter{animation:questionFadeIn .25s ease-out both}.hint-enter{animation:hintFadeIn .2s ease-out both}.explanation-enter{animation:explanationFadeIn .3s ease-out both}@media(prefers-reduced-motion:reduce){.question-enter,.hint-enter,.explanation-enter{animation:none}}@media(max-width:1379px){[data-ref-toc]{display:none!important}}@media(min-width:1380px),(max-width:639px){[data-ref-toc-compact]{display:none!important}}@media(max-width:1023px){body:before{display:none}}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--annot);cursor:pointer;border:none}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--annot);cursor:pointer;border:none}@media(max-width:639px){input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px}input[type=range]::-moz-range-thumb{width:18px;height:18px}}@media(max-width:639px){.hsl-label-paren{display:block}}.hex-zone-cards{display:none}@media(max-width:639px){.hex-zone-table{display:none}.hex-zone-cards{display:block}}@media(max-width:399px){.color-mixing-diagram{grid-template-columns:1fr!important}.color-mixing-diagram-divider{height:1px!important;width:100%!important;margin:24px 0!important}}@media(max-width:399px){.rgb-formula-grid{grid-template-columns:1fr!important}.rgb-formula-grid-divider{display:none!important}}@media(max-width:639px){.hsl-panel-grid{grid-template-columns:1fr!important}}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--annot);font-size:20px;line-height:1;padding:4px 8px;font-family:var(--font-mono)}@media(max-width:639px){.nav-links-list{display:none!important}.nav-hamburger{display:block}}.nav-scrim{position:absolute;top:100%;left:0;right:0;height:100vh;background:#0000008c;z-index:39}.nav-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid rgba(200,184,154,.2);box-shadow:0 8px 24px #00000080;z-index:50;padding:16px 24px;display:flex;flex-direction:column;gap:20px}.zone-title-lockup{display:flex}.zone-title-fallback{display:none;font-family:var(--font-mono);font-size:14px;text-transform:uppercase;letter-spacing:.18em;color:var(--text);margin-bottom:24px;line-height:1.4}.zone-title-fallback span{text-transform:none;font-weight:700;font-size:20px}@media(max-width:309px){.zone-title-lockup{display:none!important}.zone-title-fallback{display:block}}@media(max-width:639px){.zone-nav-row{flex-direction:column-reverse!important;align-items:flex-start!important;gap:12px!important}}@media(max-width:639px){.ryb-crayon-group>div>span{width:46px!important}.ryb-crayon-group .fc-h-body,.ryb-crayon-group .fc-h-tip{height:35px!important}}.reference-list-mobile{display:none}@media(max-width:639px){.reference-list-desktop{display:none}.reference-list-mobile{display:grid;grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:399px){.reference-list-mobile{grid-template-columns:1fr}}@media(max-width:639px){.cmyk-image-comparison{flex-direction:column!important}.cmyk-image-comparison-divider{display:none!important}}@media(min-width:640px){.hsl-back-link{order:-1}}@media(max-width:639px){.hsl-closing-links{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}}