.nb-gallery,.nb-rainbow{--nb-display-font: "LoveFont", serif;--nb-radius: 12px;--nb-card-ground: rgb(20 20 23 / .95);--nb-viewer-ground: rgb(0 0 0 / .94);--nb-control-ground: rgb(0 0 0 / .5);--nb-outline: rgb(255 255 255 / .45);--nb-swatch-ring: rgb(255 255 255 / .2)}.nb-gallery{position:relative;margin:var(--step-8) auto var(--step-7)}.nb-stage{container:nb-card / inline-size}.nb-card{--u: calc(100cqi / 33);--pad-top: 4;--pad-x: 2.5;--pad-bottom: 3.5;--display: 11;--q: 2.85;--lh: 1.5;--lines: 2;--ci: var(--c);position:relative;box-sizing:border-box;width:100%;border-radius:var(--nb-radius);background:var(--nb-card-ground)}@container nb-card (max-width: 420px){.nb-card{--u: calc(100cqi / 28);--pad-top: 3.5;--pad-x: 1.75;--pad-bottom: 3;--display: 10;--q: 2.5;--lh: 1.4;--lines: 3}}.nb-card[data-dark]{--ci: var(--ink-4)}.nb-ink{position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--u) * var(--display)) calc(var(--u) * 1.5) calc(var(--u) * 1.5) calc(var(--u) * 4) calc(var(--u) * 2) calc(var(--u) * 1) calc(var(--u) * 2) calc(var(--u) * 1.5) calc(var(--u) * var(--q) * var(--lh) * var(--lines));justify-items:stretch;text-align:center;padding:calc(var(--u) * var(--pad-top)) calc(var(--u) * var(--pad-x)) calc(var(--u) * var(--pad-bottom))}.nb-frame{position:absolute;inset:0;border:.5px solid var(--ci);border-radius:var(--nb-radius);pointer-events:none}.nb-display{grid-row:1;font-family:var(--nb-display-font);font-size:calc(var(--u) * var(--display));font-weight:400;line-height:1;color:var(--c);transition:transform var(--dur-quick) var(--ease-settle)}.nb-card[data-dark] .nb-display{-webkit-text-stroke:.5px var(--nb-outline)}.nb-letter{grid-row:3;align-self:center;white-space:nowrap;font-family:var(--font-body);font-size:max(var(--meta-size),calc(var(--u) * .95));font-variant-caps:all-small-caps;letter-spacing:var(--meta-tracking);padding-left:var(--meta-tracking);line-height:1.5;color:var(--ink-4)}.nb-rule{grid-row:4;align-self:center;width:100%;height:1px;background:var(--rule)}.nb-name{grid-row:5;align-self:center;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-body);font-size:max(var(--meta-size),calc(var(--u) * 1.25));font-variant:small-caps;letter-spacing:.08em;padding-left:.08em;line-height:1.2;color:var(--ink-2)}.nb-hexrow{grid-row:7;display:flex;justify-content:center;align-items:center;gap:var(--u)}.nb-swatch{width:calc(var(--u) * 1.25);height:calc(var(--u) * 1.25);border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px var(--nb-swatch-ring)}.nb-hex{position:relative;z-index:2;display:grid;padding:0 .4em;border:0;border-radius:var(--radius-sm);background:none;font-family:Courier New,monospace;font-size:max(.85rem,var(--u));letter-spacing:.1em;line-height:1.6;color:var(--ink-4);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.nb-hex:before{content:"";position:absolute;inset:-10px -6px}.nb-hex-value,.nb-hex-done{grid-area:1 / 1;transition:opacity var(--dur-quick) var(--ease-calm)}.nb-hex-value{-webkit-user-select:all;user-select:all}.nb-hex-done{opacity:0;text-align:center}.nb-card[data-copied] .nb-hex-value{opacity:0}.nb-card[data-copied] .nb-hex-done{opacity:1}.nb-hash{color:var(--ink-ornament)}.nb-quote{grid-row:9;display:flex;align-items:center;justify-content:center;justify-self:center;width:90%;overflow:hidden}.nb-quote-text{font-family:Da Vinci,serif;font-style:italic;font-size:calc(var(--u) * var(--q));line-height:var(--lh);text-align:center;text-wrap:balance;color:var(--ink-3)}.nb-quote-text:before,.nb-quote-text:after{font-family:var(--font-body);font-size:.5em;color:var(--ink-ornament);vertical-align:.1em}.nb-quote-text:before{content:"“";margin-right:.15em}.nb-quote-text:after{content:"”";margin-left:.15em}.nb-braille{position:absolute;top:calc(var(--u) * 1.5);left:calc(var(--u) * 1.5);font-size:calc(var(--u) * 3.5);line-height:1;color:var(--ci);opacity:.75;pointer-events:none}.nb-butterfly{position:absolute;right:calc(var(--u) * 1.5);bottom:calc(var(--u) * 1.5);z-index:2;width:1.4em;text-align:right;font-family:Butterflies,serif;font-size:calc(var(--u) * 3.5);line-height:1;color:var(--ci);opacity:.75;pointer-events:none;transition:opacity var(--dur-quick) var(--ease-settle),transform var(--dur-quick) var(--ease-settle)}.nb-minis{display:none}.nb-open{position:absolute;inset:0;z-index:1;padding:0;border:0;border-radius:var(--nb-radius);background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.nb-open:focus-visible{outline-offset:4px;border-radius:var(--nb-radius)}html.js .nb-card{touch-action:pan-y;touch-action:pan-y pinch-zoom}.nb-card[data-moving]{clip-path:inset(0 round var(--nb-radius))}@media(hover:hover)and (pointer:fine){.nb-card:hover .nb-display{transform:scale(1.06)}.nb-card:hover .nb-butterfly{opacity:1;transform:translateY(-3px)}.nb-hex:hover{color:var(--ink-2)}.nb-minis{position:absolute;right:calc(var(--u) * 1.5);bottom:calc(var(--u) * 5.5);display:flex;gap:calc(var(--u) * .5);opacity:0;transform:translateY(15px) scale(.8);pointer-events:none;transition:opacity var(--dur-quick) var(--ease-settle),transform var(--dur-quick) var(--ease-settle)}.nb-mini{font-family:Butterflies,serif;font-size:calc(var(--u) * 1.4);line-height:1;-webkit-text-stroke:.5px var(--ink-ornament)}.nb-mini-r{color:rgb(var(--r) 0 0)}.nb-mini-g{color:rgb(0 var(--g) 0)}.nb-mini-b{color:rgb(0 0 var(--b))}.nb-card:has(.nb-hex:hover) .nb-minis{opacity:1;transform:none}}.nb-dots{display:grid;grid-template-columns:repeat(28,minmax(0,1.25rem));justify-content:center;margin-top:var(--step-5)}.nb-dot{--d: 8px;--ring: calc(var(--d) * 1.75 + 2px);position:relative;height:2rem;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.nb-dot:before,.nb-dot:after{content:"";position:absolute;box-sizing:border-box;border-radius:50%;transition:opacity var(--dur-quick) var(--ease-settle),transform var(--dur-quick) var(--ease-settle)}.nb-dot:before{top:calc(50% - var(--d) / 2);left:calc(50% - var(--d) / 2);width:var(--d);height:var(--d);background:var(--c)}.nb-dot[data-dark]:before{box-shadow:inset 0 0 0 .5px var(--nb-outline)}.nb-dot:after{top:calc(50% - var(--ring) / 2);left:calc(50% - var(--ring) / 2);width:var(--ring);height:var(--ring);border:1px solid var(--ink-3);opacity:0;transform:scale(.7)}.nb-dot[aria-current]:before{transform:scale(1.35)}.nb-dot[aria-current]:after{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){.nb-dot:not([aria-current]):hover:before{transform:scale(1.2)}}@media(pointer:coarse),(max-width:1024px){.nb-dots{grid-template-columns:repeat(14,minmax(24px,2.75rem))}.nb-dot{--d: 10px;height:2.75rem}}@media(max-width:600px){.nb-dots{grid-template-columns:repeat(7,minmax(0,2.75rem))}.nb-dot{--d: 12px}}html:not(.js) .nb-dots,html:not(.js) .nb-open{display:none}.nb-hex:disabled{opacity:1;color:inherit;cursor:default;pointer-events:none}.nb-viewer{--side: calc(var(--control-lg-h) + 3rem);position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--nb-viewer-ground);color:inherit;opacity:0;transition:opacity var(--dur-quick) var(--ease-out);overscroll-behavior:contain}.nb-viewer:focus{outline:none}.nb-viewer[open]{display:grid;place-items:center}.nb-viewer.is-open{opacity:1;transition-timing-function:var(--ease-settle)}.nb-viewer.is-lifting{opacity:1;transition:none}.nb-viewer::backdrop{background:transparent}html.nb-lift::view-transition-group(nb-card){animation-duration:.34s;animation-timing-function:var(--ease-settle)}html.nb-lift::view-transition-old(nb-card){animation:none;opacity:0}html.nb-lift::view-transition-new(nb-card){animation:none}html.nb-lift::view-transition-old(root),html.nb-lift::view-transition-new(root){animation-duration:.26s}.nb-viewer>.nb-stage{width:min(40rem,calc(100vw - 2 * var(--side)),calc((100dvh - 4rem) / 1.22))}.nb-viewer .nb-control{position:fixed;z-index:2;width:var(--control-lg-h);height:var(--control-lg-h);padding:0;background:var(--nb-control-ground);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nb-close{top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right))}.nb-prev,.nb-next{top:calc(50% - var(--control-lg-h) / 2)}.nb-prev{left:max(1.5rem,env(safe-area-inset-left))}.nb-next{right:max(1.5rem,env(safe-area-inset-right))}@media(max-width:1024px){.nb-viewer{--side: 1rem}.nb-viewer[open]{padding-bottom:calc(var(--control-lg-h) + 2rem)}.nb-viewer>.nb-stage{width:min(40rem,calc(100vw - 2rem),calc((100dvh - var(--control-lg-h) * 2 - 4rem) / 1.45))}.nb-prev,.nb-next{top:auto;bottom:max(1rem,env(safe-area-inset-bottom))}.nb-prev{left:max(1rem,env(safe-area-inset-left))}.nb-next{right:max(1rem,env(safe-area-inset-right))}}@media(max-width:600px){.nb-viewer{--bar: calc(var(--control-lg-h) + 1.5rem)}.nb-viewer[open]{padding:calc(var(--bar) + env(safe-area-inset-top)) 0 calc(var(--bar) + env(safe-area-inset-bottom))}.nb-viewer>.nb-stage{width:min(calc(100vw - 1rem),calc((100dvh - 2 * var(--bar) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 1.45))}}@media(max-width:1024px)and (max-height:500px)and (orientation:landscape){.nb-viewer{--side: calc(var(--control-lg-h) + 2rem)}.nb-viewer[open]{padding-block:0}.nb-viewer>.nb-stage{width:min(40rem,calc(100vw - 2 * var(--side)),calc((100dvh - 2rem) / 1.45))}.nb-prev,.nb-next{top:calc(50% - var(--control-lg-h) / 2);bottom:auto}}[data-article]:has([data-nb-gallery]) :is(blockquote,figcaption) .footnote-ref{font-size:max(.75em,.875rem)}.nb-rainbow{container-type:inline-size;display:flex;justify-content:center;gap:clamp(var(--step-2),2.4vw,var(--step-5));margin:var(--step-8) auto;padding:clamp(var(--step-6),6vw,var(--step-7)) clamp(var(--step-4),3.5vw,var(--step-6));box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--nb-radius);background:var(--bg-black)}.nb-rainbow-col{display:flex;flex-direction:column;align-items:center;gap:clamp(var(--step-3),3.4cqi,var(--step-4))}.nb-rainbow-dot{width:clamp(10px,3.4cqi,16px);height:clamp(10px,3.4cqi,16px);border-radius:50%;transition:transform var(--dur-quick) var(--ease-calm)}.nb-rainbow-letter{font-family:var(--nb-display-font);font-size:clamp(2rem,15.5cqi,4rem);line-height:1;transition:transform var(--dur-quick) var(--ease-calm)}.nb-rainbow-letter[data-dark]{-webkit-text-stroke:.5px var(--nb-outline)}@media(hover:hover)and (pointer:fine){.nb-rainbow-col:hover .nb-rainbow-dot{transform:scale(1.4)}.nb-rainbow-col:hover .nb-rainbow-letter{transform:scale(1.1)}}@media(prefers-reduced-motion:no-preference){.nb-word.is-lit .nb-l{animation:nb-lit 3s linear calc(.15s + var(--i, 0) * 40ms) both}.nb-word.is-lit .nb-l[data-dim]{-webkit-text-stroke:.5px transparent;animation-name:nb-lit-dim}}@keyframes nb-lit{0%{color:inherit;animation-timing-function:cubic-bezier(.4,0,.6,1)}26.667%{color:var(--lc)}60%{color:var(--lc);animation-timing-function:cubic-bezier(.33,1,.68,1)}to{color:inherit}}@keyframes nb-lit-dim{0%{color:inherit;-webkit-text-stroke-color:transparent;animation-timing-function:cubic-bezier(.4,0,.6,1)}26.667%{color:var(--lc);-webkit-text-stroke-color:var(--ink-4)}60%{color:var(--lc);-webkit-text-stroke-color:var(--ink-4);animation-timing-function:cubic-bezier(.33,1,.68,1)}to{color:inherit;-webkit-text-stroke-color:transparent}}@media(prefers-reduced-motion:reduce){.nb-display,.nb-butterfly,.nb-minis,.nb-dot:before,.nb-dot:after,.nb-hex-value,.nb-hex-done,.nb-viewer,.nb-viewer .nb-control{transition:none}.nb-card:hover .nb-display,.nb-card:hover .nb-butterfly,.nb-card:has(.nb-hex:hover) .nb-minis{transform:none}}@media print{.nb-card,.nb-rainbow{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid;--ink-1: rgb(255 255 255 / .94);--ink-2: rgb(255 255 255 / .86);--ink-3: rgb(255 255 255 / .64);--ink-4: rgb(255 255 255 / .5);--ink-ornament: rgb(255 255 255 / .3);--rule: rgb(255 255 255 / .1);--rule-strong: rgb(255 255 255 / .16)}.nb-card{--nb-card-ground: rgb(20 20 23)}.nb-card .nb-hex{display:grid!important}.nb-dots,.nb-open,.nb-minis,.nb-viewer[open]{display:none}}