@font-face{font-family:Kognabo Font Preview;src:url(/assets/Kognabo-Regular-latin-CfrghhmY.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+??}@font-face{font-family:Kognabo Font Preview;src:url(/assets/Kognabo-Regular-CUBbySLo.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Kognabo Font Preview;src:url(/assets/Kognabo-Italic-latin-DZtheESG.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap;unicode-range:U+??}@font-face{font-family:Kognabo Font Preview;src:url(/assets/Kognabo-Italic-CBY3oYje.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Kognabo Font Preview;src:url(/assets/Kognabo-Bold-latin-CsWZvsuW.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+??}@font-face{font-family:Kognabo Font Preview;src:url(/assets/Kognabo-Bold-CQxZ0HSt.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Kognabo Font Preview;src:url(/assets/Kognabo-BoldItalic-latin-BwOnvYKv.woff2)format("woff2");font-style:italic;font-weight:700;font-display:swap;unicode-range:U+??}@font-face{font-family:Kognabo Font Preview;src:url(/assets/Kognabo-BoldItalic-DSHjh3ik.woff2)format("woff2");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Kognabo Mono Preview;src:url(/assets/Kognabo-Mono-latin-CZ-9yAu9.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+??}@font-face{font-family:Kognabo Mono Preview;src:url(/assets/Kognabo-Mono-o_gwZeOc.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}body{background:0 0;min-height:100vh;margin:0}#root{min-height:100vh}.lab-nav-toggle{display:none}@media (width<=720px){.lab-nav-toggle{z-index:30;width:2.1rem;height:2.1rem;color:inherit;font:inherit;cursor:pointer;background:#141020c7;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:fixed;top:.4rem;left:.4rem}.lab-nav-toggle span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab-shell--nav-open .lab-nav-toggle{background:#141020f5}.lab-shell:not(.lab-shell--nav-open) .lab-shell-sidebar{display:none}}.font-preview{font-family:Kognabo Font Preview,ui-sans-serif,system-ui,sans-serif}.font-sample{margin:0;font-family:Kognabo Font Preview,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,6vw,4rem);line-height:1.1}.font-sample--small{font-size:clamp(1.2rem,3vw,2rem)}.ui-sample-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.ui-pill{background:#1e293be6;border:1px solid #94a3b840;border-radius:16px;padding:16px 18px;font-family:Kognabo Font Preview,ui-sans-serif,system-ui,sans-serif}.size-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.size-chip{background:#0f172ab8;border:1px solid #94a3b833;border-radius:18px;align-content:start;gap:10px;padding:16px 18px;display:grid}.size-chip-label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:.875rem}.size-chip-sample{font-family:Kognabo Font Preview,ui-sans-serif,system-ui,sans-serif}.contrast-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.contrast-sample{border:1px solid #94a3b833;border-radius:18px;gap:16px;padding:16px 18px;display:grid}.contrast-label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:.875rem}.contrast-size-label{opacity:.6;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.contrast-text{font-family:Kognabo Font Preview,ui-sans-serif,system-ui,sans-serif}.contrast-sample--light{color:#0f172a;background:linear-gradient(135deg,#f8fafcfa,#e2e8f0eb)}.contrast-sample--dark{color:#e2e8f0;background:linear-gradient(135deg,#0f172af5,#020617f5)}.contrast-sample--teal{color:#ecfeff;background:linear-gradient(135deg,#0d9488eb,#082f49eb)}.contrast-sample--glow{color:#f8fafc;background:radial-gradient(circle at 0 0,#fbbf2461,#0000 40%),linear-gradient(135deg,#1e293bf2,#581c87eb)}.contrast-sample--white{color:#1a1a2e;background:#fff}.contrast-sample--parchment{color:#3d2b1f;background:linear-gradient(160deg,#f5e6c8 0%,#e8d5a3 60%,#d4c08a 100%)}.contrast-sample--oled{color:#f0f0f0;background:#000}.contrast-sample--stone{color:#d6cfc5;background:repeating-conic-gradient(#78716414 0% 25%,#0000 0% 50%) 0 0/6px 6px,linear-gradient(170deg,#4a4540 0%,#2e2a26 100%)}.contrast-sample--forest{color:#d9f99d;background:linear-gradient(135deg,#166534e0,#052e16eb)}.contrast-sample--sunset{color:#fef3c7;background:linear-gradient(135deg,#92400e 0%,#7c2d12 40%,#431407 100%)}.contrast-sample--hud{color:#e0f2fe;background:#0000008c;border:1px solid #7dd3fc4d}.contrast-sample--snow{color:#1e293b;background:linear-gradient(#e2e8f0 0%,#cbd5e1 40%,#f1f5f9 100%)}.compare-controls{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:1rem;display:flex}.compare-controls label{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.compare-controls input[type=range]{width:12rem}.compare-text{flex:22rem}.compare-text input{flex:1;min-width:12rem;padding:.3rem .5rem}.compare-grid{flex-direction:column;gap:.4rem;display:flex}.compare-row{border-top:1px solid #80808040;grid-template-columns:11rem 1fr;align-items:baseline;gap:1rem;padding:.5rem 0;display:grid}.compare-label{font-size:.8rem;line-height:1.3}.compare-label em{opacity:.6;font-size:.72rem;font-style:normal;display:block}.compare-sample{overflow-wrap:anywhere;line-height:1.35}@media (width<=640px){.compare-row{grid-template-columns:1fr}}.feature-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.feature-toggle{background:#0f172ab8;border:1px solid #94a3b833;border-radius:18px;gap:8px;padding:14px 16px;display:grid}.feature-toggle input{accent-color:#67e8f9}.feature-toggle span{color:#94a3b8;font-size:.875rem}.feature-specimens{gap:12px;margin-top:18px;display:grid}.feature-specimen{background:#0f172ab8;border:1px solid #94a3b833;border-radius:18px;gap:6px;padding:16px 18px;display:grid}.feature-specimen span{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:.875rem}.feature-sample{font-family:Kognabo Font Preview,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.5}.mono-table-wrap{overflow-x:auto}.mono-table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.5}.mono-table th,.mono-table td{text-align:right;border-bottom:1px solid #94a3b833;padding:8px 14px}.mono-table th:first-child,.mono-table td:first-child{text-align:left}.mono-table th{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:600}.mono-ambiguous-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.mono-ambiguous-chip{background:#0f172ab8;border:1px solid #94a3b833;border-radius:18px;align-content:start;gap:10px;padding:16px 18px;display:grid}.mono-ambiguous-label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:.875rem}.mono-ambiguous-sample{line-height:1.2}.mono-code-grid{gap:12px;display:grid}.mono-code-chip{background:#0f172ab8;border:1px solid #94a3b833;border-radius:18px;gap:8px;padding:16px 18px;display:grid}.mono-code-label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:.875rem}.mono-code-block{white-space:pre;margin:0;line-height:1.5;overflow-x:auto}