.nuancier{--n-line:oklch(86% .015 75);--n-muted:oklch(45% .02 70);--site-header-offset:72px}.nuancier .n-frame{position:relative}.nuancier .n-frame.sweep:after{content:"";z-index:6;pointer-events:none;border-bottom:1px solid var(--accent-strong);background:linear-gradient(#0000,oklch(45% .15 248/.16),#0000);height:20%;animation:.55s ease-out forwards n-sweep;position:absolute;top:-22%;left:0;right:0}@keyframes n-sweep{to{top:105%}}.nuancier .screen{background:var(--m-bg);container-type:inline-size}.nuancier .mini{font-family:var(--m-font,ui-sans-serif, system-ui);background:var(--m-bg);color:var(--m-text);padding:var(--m-pad,16px);gap:var(--m-gap,14px);flex-direction:column;min-height:100%;transition:background .2s,color .2s;display:flex}.nuancier .mini *{transition:background .2s,color .2s,border-radius .2s,box-shadow .2s,border-color .2s}.nuancier .m-nav{background:var(--m-nav-bg,var(--m-surface));color:var(--m-nav-text,var(--m-text));border-radius:var(--m-radius);box-shadow:var(--m-shadow);border:var(--m-border);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.nuancier .m-logo{letter-spacing:.02em;font-size:13px;font-weight:800;font-family:var(--m-font-display,inherit)}.nuancier .m-links{opacity:.85;white-space:nowrap;gap:12px;font-size:10px;display:flex}.nuancier .m-hero{background:var(--m-surface);border-radius:var(--m-radius);box-shadow:var(--m-shadow);border:var(--m-border);gap:16px;padding:22px 18px;display:grid}.nuancier .m-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--m-primary);font-size:9px;font-weight:700}.nuancier .m-h1{font-size:clamp(19px,6cqw,26px);font-weight:800;line-height:1.12;font-family:var(--m-font-display,inherit);margin-top:8px}.nuancier .m-p{color:var(--m-muted);max-width:36ch;margin-top:8px;font-size:11.5px;line-height:1.6}.nuancier .m-ctas{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.nuancier .m-btn{border-radius:var(--m-btn-radius,var(--m-radius));background:var(--m-primary);color:var(--m-on-primary,#fff);border:var(--m-btn-border,none);box-shadow:var(--m-btn-shadow,none);cursor:pointer;padding:9px 14px;font-family:inherit;font-size:11px;font-weight:700}.nuancier .m-btn.ghost{background:var(--m-ghost-bg,transparent);color:var(--m-ghost-text,var(--m-text));border:var(--m-ghost-border,1px solid currentColor);box-shadow:var(--m-ghost-shadow,none)}.nuancier .m-media{aspect-ratio:16/9;border-radius:var(--m-radius);background:var(--m-media,#ddd);min-height:92px;box-shadow:var(--m-media-shadow,none);position:relative;overflow:hidden}.nuancier .m-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s,filter .35s;display:block;position:absolute;inset:0}.nuancier .m-media:hover .m-img{transform:scale(1.03)}.nuancier .m-media-veil{pointer-events:none;background:var(--m-media-veil,linear-gradient(180deg, transparent 55%, #0000002e 100%));mix-blend-mode:var(--m-media-veil-blend,normal);position:absolute;inset:0}@container (width>=520px){.nuancier .m-hero{grid-template-columns:1.15fr .85fr;align-items:center}.nuancier .m-media{aspect-ratio:4/3}}.nuancier .m-cards{gap:var(--m-gap,14px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@container (width<=430px){.nuancier .m-cards{grid-template-columns:1fr}}.nuancier .m-card{background:var(--m-surface);border-radius:var(--m-radius);box-shadow:var(--m-shadow);border:var(--m-border);padding:14px}.nuancier .m-ico{border-radius:var(--m-ico-radius,8px);background:var(--m-primary);width:26px;height:26px;opacity:var(--m-ico-opacity,.9);justify-content:center;align-items:center;display:flex}.nuancier .m-ico svg{fill:none;width:15px;height:15px;stroke:var(--m-on-primary,#fff);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.nuancier .m-card .m-ctitle{font-size:12px;font-weight:800;font-family:var(--m-font-display,inherit);margin-top:9px}.nuancier .m-card p{color:var(--m-muted);margin-top:5px;font-size:10.5px;line-height:1.55}.nuancier .m-row{gap:var(--m-gap,14px);grid-template-columns:1fr 1.4fr;align-items:stretch;display:grid}@container (width<=430px){.nuancier .m-row{grid-template-columns:1fr}}.nuancier .m-stat{background:var(--m-surface);border-radius:var(--m-radius);box-shadow:var(--m-shadow);border:var(--m-border);flex-direction:column;justify-content:center;padding:14px;display:flex}.nuancier .m-stat b{color:var(--m-primary);font-size:20px;font-family:var(--m-font-display,inherit)}.nuancier .m-stat span{color:var(--m-muted);margin-top:3px;font-size:10px}.nuancier .m-form{background:var(--m-surface);border-radius:var(--m-radius);box-shadow:var(--m-shadow);border:var(--m-border);padding:14px}.nuancier .m-form label{letter-spacing:.06em;font-size:10px;font-weight:700}.nuancier .m-fieldrow{gap:8px;margin-top:8px;display:flex}.nuancier .m-input{border-radius:var(--m-btn-radius,var(--m-radius));border:var(--m-input-border,1px solid color-mix(in srgb, var(--m-text) 18%, transparent));background:var(--m-input-bg,#fff);min-width:0;color:var(--m-text);box-shadow:var(--m-input-shadow,none);flex:1;padding:9px 11px;font-family:inherit;font-size:11px}.nuancier .m-foot{color:var(--m-muted);text-align:center;padding:10px 14px;font-size:9.5px}.nuancier .m-btn:active{transform:translateY(1px)}.nuancier [data-style=neumorphism]{--m-bg:#e4e9f0;--m-surface:#e4e9f0;--m-text:#3b4356;--m-muted:#7c8598;--m-primary:#5b7cfa;--m-on-primary:#fff;--m-radius:16px;--m-btn-radius:12px;--m-border:none;--m-shadow:9px 9px 18px #c3cad6, -9px -9px 18px #fff;--m-btn-shadow:6px 6px 12px #c3cad6, -6px -6px 12px #fff;--m-ghost-border:none;--m-ghost-bg:#e4e9f0;--m-ghost-shadow:inset 5px 5px 10px #c9d0dc, inset -5px -5px 10px #fff;--m-input-bg:#e4e9f0;--m-input-border:none;--m-input-shadow:inset 5px 5px 10px #c9d0dc, inset -5px -5px 10px #fff;--m-nav-bg:#e4e9f0}.nuancier [data-style=neumorphism] .m-media{background:#e4e9f0;box-shadow:inset 6px 6px 12px #c9d0dc,inset -6px -6px 12px #fff}.nuancier [data-style=neumorphism] .m-btn:active{box-shadow:inset 5px 5px 10px #c3cad6,inset -5px -5px 10px #fff}.nuancier [data-style=soft]{--m-bg:linear-gradient(160deg,#f4f6ff,#eef0fb);--m-surface:#fff;--m-text:#2f3350;--m-muted:#8a90ad;--m-primary:linear-gradient(135deg,#7c8cf8,#9a6df8);--m-on-primary:#fff;--m-radius:18px;--m-btn-radius:12px;--m-border:none;--m-shadow:0 14px 34px #5a64b424;--m-btn-shadow:0 10px 22px #7c6df859;--m-ghost-border:none;--m-ghost-bg:#eef0fb;--m-ghost-text:#5b63c7;--m-input-bg:#f1f3fd;--m-input-border:1px solid transparent;--m-media:linear-gradient(135deg,#c7d0ff,#e6d5ff)}.nuancier [data-style=soft] .m-ico{background:linear-gradient(135deg,#7c8cf8,#9a6df8)}.nuancier [data-style=glass]{--m-bg:radial-gradient(120% 90% at 15% 10%, #ff9ac2 0%, transparent 55%), radial-gradient(120% 100% at 90% 15%, #7cc4ff 0%, transparent 55%), radial-gradient(140% 120% at 60% 110%, #7c6bff 0%, transparent 60%), #0e1030;--m-surface:#ffffff21;--m-text:#fff;--m-muted:#ffffffb8;--m-primary:#ffffff3d;--m-on-primary:#fff;--m-radius:20px;--m-btn-radius:999px;--m-border:1px solid #ffffff52;--m-shadow:inset 0 1px 0 #ffffff73, 0 14px 40px #080a2859;--m-btn-border:1px solid #ffffff80;--m-btn-shadow:inset 0 1px 0 #fff9;--m-ghost-border:1px solid #fff6;--m-ghost-text:#fff;--m-input-bg:#ffffff24;--m-input-border:1px solid #ffffff59;--m-ico-radius:999px;--m-media:conic-gradient(from 210deg at 60% 40%, #ff9ac2, #7cc4ff, #7c6bff, #ff9ac2)}.nuancier [data-style=glass] .m-nav,.nuancier [data-style=glass] .m-hero,.nuancier [data-style=glass] .m-card,.nuancier [data-style=glass] .m-stat,.nuancier [data-style=glass] .m-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nuancier [data-style=glass] .m-stat b{color:#fff}.nuancier [data-style=glass] .m-media{border:1px solid #fff6}.nuancier [data-style=glass] .m-btn:active{background:#ffffff59}.nuancier [data-style=brutal]{--m-bg:#fffdf0;--m-surface:#fffdf0;--m-text:#000;--m-muted:#000;--m-primary:#ffe600;--m-on-primary:#000;--m-radius:0;--m-btn-radius:0;--m-border:3px solid #000;--m-shadow:7px 7px 0 #000;--m-btn-border:3px solid #000;--m-btn-shadow:5px 5px 0 #000;--m-ghost-border:3px solid #000;--m-ghost-bg:#fff;--m-input-bg:#fff;--m-input-border:3px solid #000;--m-ico-radius:0;--m-font:Arial, Helvetica, sans-serif}.nuancier [data-style=brutal] .m-h1{text-transform:uppercase;letter-spacing:-.01em}.nuancier [data-style=brutal] .m-links{opacity:1;font-weight:700;text-decoration:underline}.nuancier [data-style=brutal] .m-ico{background:#ff3d3d}.nuancier [data-style=brutal] .m-p{font-weight:500}.nuancier [data-style=brutal] .m-media{background:repeating-linear-gradient(45deg,#ffe600 0 14px,#000 14px 28px);border:3px solid #000;border-radius:0}.nuancier [data-style=brutal] .m-btn:active{transform:translate(4px,4px);box-shadow:0 0 #000}.nuancier [data-style=minimal]{--m-bg:#fff;--m-surface:#fff;--m-text:#141414;--m-muted:#8a8a8a;--m-primary:#141414;--m-on-primary:#fff;--m-radius:0;--m-btn-radius:0;--m-border:none;--m-shadow:none;--m-pad:26px;--m-gap:26px;--m-ghost-border:none;--m-ghost-text:#141414;--m-input-border:1px solid #dcdcdc;--m-ico-opacity:1}.nuancier [data-style=minimal] .m-nav{border-bottom:1px solid #ececec;border-radius:0;padding-inline:0}.nuancier [data-style=minimal] .m-hero{padding-inline:0}.nuancier [data-style=minimal] .m-card,.nuancier [data-style=minimal] .m-stat,.nuancier [data-style=minimal] .m-form{border-top:1px solid #ececec;padding-inline:0}.nuancier [data-style=minimal] .m-h1{letter-spacing:-.01em;font-weight:400}.nuancier [data-style=minimal] .m-ico{background:#141414;border-radius:0;width:18px;height:18px}.nuancier [data-style=minimal] .m-btn.ghost{text-underline-offset:4px;padding-inline:2px;text-decoration:underline}.nuancier [data-style=minimal] .m-media{background:#f4f4f4;border:1px solid #ececec;border-radius:0}.nuancier [data-style=minimal] .m-ico svg{width:12px;height:12px}.nuancier [data-style=material]{--m-bg:#f6f2fa;--m-surface:#fff;--m-text:#1c1b1f;--m-muted:#6f6a75;--m-primary:#6750a4;--m-on-primary:#fff;--m-radius:16px;--m-btn-radius:999px;--m-border:none;--m-shadow:0 1px 3px #0000001f, 0 4px 10px #00000014;--m-btn-shadow:0 2px 6px #6750a459;--m-ghost-border:1px solid #cac4d0;--m-ghost-text:#6750a4;--m-input-bg:#f2ecf6;--m-input-border:1px solid transparent;--m-nav-bg:#6750a4;--m-nav-text:#fff;--m-ico-radius:999px;--m-font:Roboto, system-ui, sans-serif;--m-media:linear-gradient(135deg,#e8def8,#d0bcff)}.nuancier [data-style=material] .m-btn:active{filter:brightness(.92)}.nuancier [data-style=skeuo]{--m-bg:repeating-linear-gradient(45deg,#efe6d6 0 3px,#eae0cd 3px 6px);--m-surface:linear-gradient(180deg,#fdfaf2,#f0e9da);--m-text:#4a3a26;--m-muted:#8a7658;--m-primary:linear-gradient(180deg,#f7d488,#d9a742);--m-on-primary:#5a4413;--m-radius:10px;--m-btn-radius:8px;--m-border:1px solid #c9b892;--m-shadow:inset 0 1px 0 #fff, 0 2px 5px #5a462847;--m-btn-border:1px solid #a9812f;--m-btn-shadow:inset 0 1px 0 #ffffffbf, 0 2px 3px #5a462859;--m-ghost-bg:linear-gradient(180deg,#fff,#e9e2d2);--m-ghost-border:1px solid #b7a67f;--m-ghost-text:#4a3a26;--m-input-bg:#fffdf6;--m-input-border:1px solid #c9b892;--m-input-shadow:inset 0 2px 4px #5a462833;--m-font:Georgia, "Times New Roman", serif}.nuancier [data-style=skeuo] .m-card{outline-offset:-6px;outline:1px dashed #cbb27c}.nuancier [data-style=skeuo] .m-h1{text-shadow:0 1px #fff}.nuancier [data-style=skeuo] .m-ico{background:radial-gradient(circle at 30% 25%,#f3d489,#c08f2e);border:1px solid #a9812f}.nuancier [data-style=skeuo] .m-media{background:linear-gradient(160deg,#d8c39a,#b39364);border:7px solid #fff;border-radius:4px;transform:rotate(-1.6deg);box-shadow:0 3px 8px #5a462859}.nuancier [data-style=flat]{--m-bg:#ecf0f1;--m-surface:#fff;--m-text:#2c3e50;--m-muted:#7f8c9b;--m-primary:#1abc9c;--m-on-primary:#fff;--m-radius:4px;--m-btn-radius:4px;--m-border:none;--m-shadow:none;--m-ghost-border:2px solid #1abc9c;--m-ghost-text:#16a085;--m-input-border:2px solid #dfe6e9;--m-nav-bg:#2c3e50;--m-nav-text:#fff;--m-ico-radius:4px;--m-media:#16a085}.nuancier [data-style=flat] .m-card:first-child .m-ico{background:#e74c3c}.nuancier [data-style=flat] .m-card:nth-child(2) .m-ico{background:#f1c40f}.nuancier [data-style=flat] .m-card:nth-child(3) .m-ico{background:#3498db}.nuancier [data-style=clay]{--m-bg:#f2e9ff;--m-surface:#fff;--m-text:#4c3a6b;--m-muted:#9a8ab5;--m-primary:#a78bfa;--m-on-primary:#fff;--m-radius:26px;--m-btn-radius:18px;--m-border:none;--m-shadow:inset -6px -6px 14px #9478dc2e, inset 6px 6px 14px #fff, 14px 18px 30px #9478dc47;--m-btn-shadow:inset -4px -4px 8px #7850c859, inset 4px 4px 8px #ffffff8c, 8px 10px 18px #9478dc59;--m-ghost-bg:#fbe4f2;--m-ghost-text:#c05a9e;--m-ghost-border:none;--m-ghost-shadow:inset -4px -4px 8px #dc78b440, inset 4px 4px 8px #fff, 8px 10px 18px #dc8cbe40;--m-input-bg:#f6f0ff;--m-input-border:none;--m-input-shadow:inset 4px 4px 10px #9478dc2e, inset -4px -4px 10px #fff;--m-ico-radius:12px;--m-media:linear-gradient(135deg,#fbc2eb,#c4b5fd)}.nuancier [data-style=clay] .m-ico{background:#fda4af}.nuancier [data-style=clay] .m-btn:active{transform:scale(.96)}.nuancier [data-style=bento]{--m-bg:#101014;--m-surface:#1a1a21;--m-text:#f4f4f6;--m-muted:#9a9aa8;--m-primary:#8b8bff;--m-on-primary:#101014;--m-radius:18px;--m-btn-radius:12px;--m-border:1px solid #2a2a33;--m-shadow:none;--m-gap:10px;--m-pad:12px;--m-ghost-border:1px solid #3a3a45;--m-ghost-text:#f4f4f6;--m-input-bg:#111117;--m-input-border:1px solid #2a2a33;--m-media:linear-gradient(135deg,#4c3a8f,#22223a)}.nuancier [data-style=bento] .mini{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;display:grid}.nuancier [data-style=bento] .m-nav{grid-column:1/-1}.nuancier [data-style=bento] .m-hero{background:linear-gradient(135deg,#22223a,#1a1a21);grid-column:1/-1}.nuancier [data-style=bento] .m-cards{display:contents}.nuancier [data-style=bento] .m-card{grid-column:span 2}.nuancier [data-style=bento] .m-card:nth-child(3){grid-column:1/-1}.nuancier [data-style=bento] .m-row{display:contents}.nuancier [data-style=bento] .m-stat{background:linear-gradient(135deg,#2a1a33,#1a1a21);grid-column:span 2}.nuancier [data-style=bento] .m-form{grid-column:span 2}.nuancier [data-style=bento] .m-foot{grid-column:1/-1}.nuancier [data-style=bento] .m-stat b{color:#c9b8ff}.nuancier [data-style=bento] .m-media{border:1px solid #2a2a33}@container (width<=430px){.nuancier [data-style=bento] .m-card,.nuancier [data-style=bento] .m-stat,.nuancier [data-style=bento] .m-form{grid-column:1/-1}}.nuancier [data-style=brutal] .m-ico svg{stroke-width:2.6px}.nuancier [data-style=neumorphism] .m-img{filter:saturate(.85)contrast(.98)}.nuancier [data-style=soft] .m-img{filter:saturate(1.05)}.nuancier [data-style=glass] .m-img{filter:saturate(1.15)brightness(1.05)}.nuancier [data-style=brutal] .m-img{filter:grayscale()contrast(1.45)}.nuancier [data-style=minimal] .m-img{filter:grayscale(.92)contrast(.96)}.nuancier [data-style=skeuo] .m-img{filter:sepia(.5)contrast(1.05)saturate(.9)}.nuancier [data-style=flat] .m-img{filter:saturate(1.35)contrast(1.08)}.nuancier [data-style=clay] .m-img{filter:saturate(1.3)brightness(1.03)}.nuancier [data-style=bento] .m-img{filter:saturate(1.1)brightness(.85)}.nuancier [data-style=brutal],.nuancier [data-style=minimal]{--m-media-veil:none}.nuancier [data-style=skeuo]{--m-media-veil:linear-gradient(180deg, #fffae626, #5a46282e)}.nuancier [data-style=bento]{--m-media-veil:linear-gradient(180deg, transparent 40%, #00000059)}.nuancier [data-style=glass]{--m-media-veil:linear-gradient(180deg, #ffffff14, #0a0a2847)}.nuancier [data-typo=elegant]{--m-font-display:"Playfair Display", Georgia, serif;--m-font:"Inter", system-ui, sans-serif}.nuancier [data-typo=geo]{--m-font-display:"Poppins", system-ui, sans-serif;--m-font:"Poppins", system-ui, sans-serif}.nuancier [data-typo=human]{--m-font-display:"Fraunces Variable", "Fraunces", Georgia, serif;--m-font:"Inter", system-ui, sans-serif}.nuancier [data-typo=tech]{--m-font-display:"Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--m-font:"Inter", system-ui, sans-serif}.nuancier [data-typo=fort]{--m-font-display:"Archivo Variable", "Archivo", system-ui, sans-serif;--m-font:"Archivo Variable", "Archivo", system-ui, sans-serif}.nuancier [data-typo=fort] .m-h1,.nuancier [data-typo=fort] .m-logo{font-weight:900}@media (prefers-reduced-motion:reduce){.nuancier *{transition-duration:.01ms!important;animation-duration:.01ms!important}.nuancier .n-frame.sweep:after{display:none}}.nuancier .n-browser{border:1px solid var(--n-line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -30px oklch(18% .02 60/.25)}.nuancier .n-bbar{border-bottom:1px solid var(--n-line);background:#f6f4ee;align-items:center;gap:.9rem;padding:.6rem .9rem;display:flex}.nuancier .n-bdots{gap:6px;display:flex}.nuancier .n-bdots span{border-radius:50%;width:10px;height:10px}.nuancier .n-bdots span:first-child{background:#f16a5d}.nuancier .n-bdots span:nth-child(2){background:#f5bf4f}.nuancier .n-bdots span:nth-child(3){background:#5fc26a}.nuancier .n-burl{text-align:center;max-width:280px;font-family:var(--font-mono,ui-monospace, monospace);color:var(--n-muted);border:1px solid var(--n-line);background:#fff;border-radius:999px;flex:1;margin-inline:auto;padding:.28rem .8rem;font-size:10.5px}.nuancier .n-phone{background:#17140f;border:10px solid #17140f;border-radius:2.4rem;width:min(300px,82vw);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px oklch(18% .02 60/.35)}.nuancier .n-pnotch{background:#17140f;justify-content:center;align-items:center;height:26px;display:flex}.nuancier .n-pnotch i{background:#000;border-radius:999px;width:74px;height:14px;display:block}.nuancier .n-pscreen{overscroll-behavior:contain;height:540px;overflow:auto}@media (width<=899px){.nuancier .n-pscreen{height:auto;overflow:visible}}.nuancier .chips{overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.nuancier .chips::-webkit-scrollbar{display:none}@media (width>=768px){.nuancier .chips{flex-wrap:wrap;overflow-x:visible}}.nuancier .chip{border:1px solid var(--n-line);color:var(--ink,#141414);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.5rem .9rem;font-size:12px;line-height:1;transition:background .2s,color .2s,border-color .2s}.nuancier .chip:hover{border-color:var(--ink,#141414)}.nuancier .chip.is-active{background:var(--ink,#141414);color:var(--cream,#f6f4ee);border-color:var(--ink,#141414)}.nuancier .chip-auto{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}.nuancier .chips.small .chip{opacity:.9;padding:.35rem .7rem;font-size:11px}@media (width<=767px){.nuancier .chips{scroll-snap-type:x proximity;scroll-padding-inline:24px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.nuancier .chips .chip{scroll-snap-align:center}}.nuancier .n-navbar{top:var(--site-header-offset,80px);z-index:20;background:color-mix(in srgb, var(--cream,#f6f4ee) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--n-line);margin:0 -1rem 8px;padding:0 1rem;position:sticky}.nuancier .n-navbar-inner{align-items:center;gap:.5rem;min-height:48px;padding:.55rem 0;display:flex}.nuancier .n-nav-btn{border:1px solid var(--n-line);color:var(--ink,#141414);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:11px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.nuancier .n-nav-btn:hover{border-color:var(--ink,#141414)}.nuancier .n-nav-btn:focus-visible{outline:2px solid var(--accent-strong,#0071bc);outline-offset:2px}.nuancier .n-nav-label{text-align:center;flex:auto;justify-content:center;align-items:baseline;gap:.6rem;min-width:0;display:flex}.nuancier .n-nav-name{font-family:var(--font-serif,Georgia, serif);color:var(--ink,#141414);white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1;overflow:hidden}.nuancier .n-nav-counter{font-family:var(--font-mono,ui-monospace, monospace);color:var(--n-muted);letter-spacing:.1em;font-size:10.5px}.nuancier .n-navbar-seg{flex:none}@media (width<=640px){.nuancier .n-navbar{margin-inline:-.75rem;padding-inline:.75rem}.nuancier .n-navbar-inner{flex-wrap:wrap;gap:.35rem;min-height:0;padding:.35rem 0}.nuancier .n-nav-btn{letter-spacing:.06em;gap:.2rem;padding:.3rem .55rem;font-size:10px}.nuancier .n-nav-label{gap:.4rem}.nuancier .n-nav-name{max-width:11ch;font-size:12.5px}.nuancier .n-nav-counter{font-size:10px}.nuancier .n-navbar-seg{order:3;justify-content:center;width:100%;margin-top:.1rem;display:flex}.nuancier .n-seg{padding:2px}.nuancier .n-seg-btn{letter-spacing:.06em;padding:.25rem .6rem;font-size:9.5px}}.nuancier .n-seg{border:1px solid var(--n-line);background:color-mix(in srgb, var(--cream,#f6f4ee) 90%, transparent);border-radius:999px;padding:3px;display:inline-flex}.nuancier .n-seg-btn{color:var(--ink,#141414);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .8rem;font-size:10.5px;transition:background .15s,color .15s}.nuancier .n-seg-btn.is-active{background:var(--ink,#141414);color:var(--cream,#f6f4ee)}.nuancier .n-seg-btn:focus-visible{outline:2px solid var(--accent-strong,#0071bc);outline-offset:2px}.nuancier .n-preview-desktop,.nuancier .n-preview-phone{touch-action:pan-y}