.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);--display-font: "LoveFont", "Isenheim", "TrajanPro", "RoyalInitialen", serif;position:relative;box-sizing:border-box;width:100%;border-radius:12px;background:#141417f2;box-shadow:0 10px 30px #0003}@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:12px;pointer-events:none}.nb-display{grid-row:1;font-family:var(--display-font);font-size:calc(var(--u) * var(--display));font-weight:400;line-height:1;color:var(--c);transition:transform var(--duration-normal) var(--ease-settle)}.nb-card[data-dark] .nb-display{-webkit-text-stroke:.5px rgb(255 255 255 / .45)}.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(--ci)}.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 #fff3}.nb-hex{position:relative;z-index:2;display:grid;padding:0 .4em;border:0;border-radius:4px;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-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-hr,.nb-hg,.nb-hb{transition:color var(--dur-quick) var(--ease-calm)}.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 .4s var(--ease-settle),transform .4s cubic-bezier(.34,1.56,.64,1)}.nb-minis,.nb-tip{display:none}.nb-open{position:absolute;inset:0;z-index:1;padding:0;border:0;border-radius:12px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.nb-open:focus-visible{outline-offset:4px;border-radius:12px}.nb-gallery>.nb-stage .nb-card{cursor:pointer}@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) rotate(5deg) scale(1.05)}.nb-butterfly{pointer-events:auto;cursor:help}.nb-hex:hover{color:var(--ink-3)}.nb-hex:hover .nb-hr{color:rgb(var(--r) 0 0)}.nb-hex:hover .nb-hg{color:rgb(0 var(--g) 0)}.nb-hex:hover .nb-hb{color:rgb(0 0 var(--b))}.nb-card:has(.nb-hex:hover) .nb-display{text-shadow:-1px -1px 0 rgb(var(--r) 0 0 / .5),1px 1px 0 rgb(0 var(--g) var(--b) / .5)}.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 .4s var(--ease-settle),transform .4s cubic-bezier(.34,1.56,.64,1)}.nb-mini{font-family:Butterflies,serif;font-size:calc(var(--u) * 1.4);line-height:1}.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-tip{position:absolute;right:calc(var(--u) * 6);bottom:calc(var(--u) * .5);z-index:3;display:block;box-sizing:border-box;width:20rem;max-width:calc(100% - var(--u) * 8);padding:1rem 1.25rem;border:.5px solid rgb(0 255 255 / .3);border-radius:8px;background:#000000f2;box-shadow:0 10px 30px #00000080;opacity:0;transform:translate(-10px);pointer-events:none;transition:opacity var(--duration-normal) var(--ease-standard),transform var(--duration-normal) var(--ease-standard)}.nb-butterfly:hover~.nb-tip{opacity:1;transform:none}}.nb-tip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.4rem}.nb-tip-common{font-family:var(--font-body);font-size:.95rem;color:var(--ink-1)}.nb-tip-ai{flex:none;font-family:Courier,monospace;font-size:.7rem;color:var(--ink-4)}.nb-tip-latin{display:block;margin-bottom:.75rem;font-family:var(--font-body);font-size:var(--note-size);font-style:italic;color:var(--ink-3)}.nb-tip-morph{display:block;padding-top:.75rem;border-top:.5px solid var(--rule);font-family:Courier,monospace;font-size:.75rem;line-height:1.5;color:#00ffffd9}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.nb-card:hover .nb-butterfly{animation:nb-hue 3s linear infinite}.nb-card:has(.nb-hex:hover) .nb-mini{animation:nb-float 2.5s ease-in-out infinite}.nb-card:has(.nb-hex:hover) .nb-mini-g{animation-delay:.3s}.nb-card:has(.nb-hex:hover) .nb-mini-b{animation-delay:.6s}}@keyframes nb-hue{0%{filter:brightness(1.2) hue-rotate(0deg)}to{filter:brightness(1.2) hue-rotate(360deg)}}@keyframes nb-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.nb-dots{display:grid;grid-template-columns:repeat(28,1.25rem);justify-content:center;margin-top:var(--step-5)}.nb-dot{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;top:calc(50% - 4px);left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;transition:opacity var(--duration-normal) var(--ease-standard),transform var(--duration-normal) var(--ease-standard)}.nb-dot:before{background:#fff6}.nb-dot:after{background:var(--c);box-shadow:0 0 0 1px #ffffff4d,0 0 10px var(--c);opacity:0}.nb-dot[aria-current]:before{opacity:0}.nb-dot[aria-current]:after{opacity:1;transform:scale(1.5)}@media(hover:hover)and (pointer:fine){.nb-dot:hover:before{transform:scale(1.4);background:#ffffffb3}}@media(pointer:coarse),(max-width:1024px){.nb-dots{grid-template-columns:repeat(14,minmax(24px,2.75rem))}.nb-dot{height:2.75rem}}html:not(.js) .nb-dots,html:not(.js) .nb-open{display:none}html:not(.js) .nb-hex{pointer-events:none}html:not(.js) .nb-gallery>.nb-stage .nb-card{cursor:auto}html.nb-locked{overflow:hidden}.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:#000000f0;color:inherit;overscroll-behavior:contain}.nb-viewer[open]{display:grid;place-items:center}.nb-viewer::backdrop{background:transparent}.nb-viewer>.nb-stage{width:min(40rem,calc(100vw - 2 * var(--side)),calc((100dvh - 4rem) / 1.22))}.nb-control{position:fixed;z-index:2;display:grid;place-items:center;width:var(--control-lg-h);height:var(--control-lg-h);padding:0;border:1px solid var(--rule-strong);border-radius:50%;background:#00000080;color:var(--ink-3);cursor:pointer;transition:color var(--dur-quick) var(--ease-calm),border-color var(--dur-quick) var(--ease-calm),transform var(--dur-quick) var(--ease-calm);-webkit-tap-highlight-color:transparent}.nb-control:active{transform:scale(.97)}@media(hover:hover){.nb-control:hover{color:var(--ink-1);border-color:#ffffff47}}.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.42))}.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))}}[data-article]:has([data-nb-gallery]) :is(blockquote,figcaption) .footnote-ref{font-size:max(.75em,.875rem)}.nb-rainbow{display:flex;justify-content:center;gap:1.5rem;max-width:600px;margin:4rem auto;padding:3rem 2rem;box-sizing:border-box;border:1px solid var(--rule);border-radius:12px;background:#000}.nb-rainbow-col{display:flex;flex-direction:column;align-items:center;gap:1rem}.nb-rainbow-dot{width:16px;height:16px;border-radius:50%;transition:transform var(--dur-quick) var(--ease-calm)}.nb-rainbow-letter{font-family:LoveFont,Isenheim,TrajanPro,serif;font-size:4rem;line-height:1;transition:transform var(--dur-quick) var(--ease-calm)}@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(max-width:768px){.nb-rainbow{gap:1rem;padding:2rem 1rem}.nb-rainbow-col{gap:.75rem}.nb-rainbow-dot{width:12px;height:12px}.nb-rainbow-letter{font-size:2.5rem}}@media(max-width:480px){.nb-rainbow{gap:.5rem}.nb-rainbow-dot{width:10px;height:10px}.nb-rainbow-letter{font-size:2rem}}@media(prefers-reduced-motion:no-preference){.nb-word.is-lit .nb-l{animation:nb-lit 3.2s var(--ease-calm) calc(.15s + var(--i, 0) * 40ms) both}}@keyframes nb-lit{35%,65%{color:var(--lc, currentColor)}}@media(prefers-reduced-motion:reduce){.nb-display,.nb-butterfly,.nb-minis,.nb-tip,.nb-dot:before,.nb-dot:after,.nb-hex-value,.nb-hex-done,.nb-control{transition:none}.nb-card:hover .nb-display,.nb-card:hover .nb-butterfly,.nb-card:has(.nb-hex:hover) .nb-minis{transform:none}}