.cnx{--cnx-canvas: #faf6ec;--cnx-ink: #221a0c;--cnx-body: #4a3f2b;--cnx-faint: #736a52;--cnx-gold-text: #946008;--cnx-gold-bright: #b8860b;--cnx-glass: linear-gradient(135deg, rgba(255, 255, 255, .66) 0%, rgba(255, 255, 255, .42) 100%);--cnx-glass-edge: rgba(255, 255, 255, .55);--cnx-fill-soft: rgba(148, 96, 8, .07);--cnx-fill-edge: rgba(148, 96, 8, .16);--cnx-shadow: 0 10px 34px rgba(64, 48, 12, .1), inset 0 1px 0 rgba(255, 255, 255, .5);--cnx-rail-bg: #16120a;--cnx-rail-ink: #f5e8c8;position:relative;background:var(--cnx-canvas);color:var(--cnx-ink);overflow-x:clip}.dark .cnx{--cnx-canvas: #0c0a06;--cnx-ink: #f7f1e0;--cnx-body: #cfc4a6;--cnx-faint: #9a8f74;--cnx-gold-text: #facc15;--cnx-gold-bright: #fbbf24;--cnx-glass: linear-gradient(135deg, rgba(255, 255, 255, .075) 0%, rgba(255, 255, 255, .028) 100%);--cnx-glass-edge: rgba(255, 255, 255, .1);--cnx-fill-soft: rgba(250, 204, 21, .07);--cnx-fill-edge: rgba(250, 204, 21, .2);--cnx-shadow: 0 12px 40px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .05)}.cnx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}.dark .cnx:before{mix-blend-mode:overlay;opacity:.4}.cnx:after{content:"";position:absolute;top:-12rem;right:-14rem;width:46rem;height:46rem;pointer-events:none;border-radius:999px;background:radial-gradient(closest-side,rgba(214,158,46,.13),transparent 70%);animation:cnx-bloom 14s ease-in-out infinite alternate}.dark .cnx:after{background:radial-gradient(closest-side,rgba(250,204,21,.1),transparent 70%)}@keyframes cnx-bloom{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-4rem,3rem,0) scale(1.12)}}.cnx-wrap{position:relative;z-index:1;max-width:76rem;margin:0 auto;padding:0 1.25rem}.cnx-kicker{font-size:.875rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cnx-gold-text)}.cnx-display{font-size:clamp(2.6rem,6.2vw,4.6rem);line-height:1.04;font-weight:750;letter-spacing:-.031em;color:var(--cnx-ink);text-wrap:balance}.cnx-h2{font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.12;font-weight:700;letter-spacing:-.02em;color:var(--cnx-ink);text-wrap:balance}.cnx-lede{font-size:1.185rem;line-height:1.65;color:var(--cnx-body);max-width:44rem}.cnx-body{font-size:1rem;line-height:1.65;color:var(--cnx-body)}.cnx-faint{color:var(--cnx-faint)}.cnx-rail{background:var(--cnx-rail-bg);color:var(--cnx-rail-ink);border:1px solid rgba(255,255,255,.09);border-radius:14px;box-shadow:0 10px 30px #0a080259,inset 0 1px #ffffff12;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cnx-url{display:flex;align-items:center;gap:.85rem;padding:.95rem 1.1rem .95rem 1.25rem;font-size:clamp(.95rem,2.4vw,1.12rem);letter-spacing:.01em}.cnx-url .cnx-url-scheme{color:#f5e8c88c}.cnx-copy{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;margin-left:auto;padding:.5rem .95rem;border-radius:999px;font-family:inherit;font-size:.875rem;font-weight:600;color:#1c1503;background:linear-gradient(135deg,#f3cf67,#d69e2e);box-shadow:0 4px 14px #d69e2e59,inset 0 1px #fff6;transition:transform .12s cubic-bezier(.22,1,.36,1);cursor:pointer}.cnx-copy:hover{transform:translateY(-1px)}.cnx-copy:focus-visible{outline:none;box-shadow:0 0 0 3px #d69e2e73}.cnx-chipcopy{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;padding:.42rem .75rem;border-radius:10px;background:var(--cnx-rail-bg);color:var(--cnx-rail-ink);border:1px solid rgba(255,255,255,.09);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.5;cursor:pointer;transition:transform .12s cubic-bezier(.22,1,.36,1)}.cnx-chipcopy:hover{transform:translateY(-1px)}.cnx-chipcopy:focus-visible{outline:none;box-shadow:0 0 0 3px #d69e2e73}.cnx-chipcopy code{overflow-wrap:anywhere}.cnx-codeblock{padding:1rem 1.15rem;border-radius:14px;font-size:.875rem;line-height:1.65;overflow-x:auto;white-space:pre}.cnx-pick{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;padding:.7rem .85rem;border-radius:14px;background:transparent;border:1px solid transparent;cursor:pointer;transition:background .16s cubic-bezier(.22,1,.36,1)}.cnx-pick:hover{background:var(--cnx-fill-soft)}.cnx-pick:focus-visible{outline:none;box-shadow:0 0 0 3px #d69e2e66}.cnx-pick[aria-pressed=true]{background:var(--cnx-fill-soft);border:1px solid var(--cnx-fill-edge)}.cnx-logo{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;flex-shrink:0;border-radius:12px;background:var(--cnx-glass);border:1px solid var(--cnx-glass-edge);box-shadow:inset 0 1px #ffffff59;color:var(--cnx-ink);transition:box-shadow .16s cubic-bezier(.22,1,.36,1)}.dark .cnx-logo{box-shadow:inset 0 1px #ffffff12}.cnx-logo-mono{color:var(--cnx-ink)}.cnx-logo-svg{width:1.5rem;height:1.5rem;display:block}.cnx-logo-text{font-weight:800;font-size:.95rem;letter-spacing:-.01em;color:var(--cnx-gold-text)}.cnx-logo-active{box-shadow:0 0 0 2px #d69e2e8c,inset 0 1px #ffffff59}.dark .cnx-logo-active{box-shadow:0 0 0 2px #facc1580,inset 0 1px #ffffff12}.cnx-pick-name{font-size:1rem;font-weight:650;color:var(--cnx-ink);line-height:1.3}.cnx-pick-meta{font-size:.815rem;color:var(--cnx-faint);line-height:1.3}@media (max-width: 1023px){.cnx-pickrow{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem;scrollbar-width:none}.cnx-pickrow::-webkit-scrollbar{display:none}.cnx-pick{width:auto;flex-shrink:0}.cnx-pick-meta{display:none}}.cnx-panel{border-radius:20px;padding:clamp(1.4rem,3vw,2.2rem);background:var(--cnx-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--cnx-glass-edge);box-shadow:var(--cnx-shadow)}.cnx-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .8rem;border-radius:999px;background:var(--cnx-fill-soft);border:1px solid var(--cnx-fill-edge);font-size:.815rem;font-weight:600;color:var(--cnx-gold-text);white-space:nowrap}.cnx-step{display:flex;gap:1.1rem}.cnx-step+.cnx-step{margin-top:1.4rem}.cnx-step-n{flex-shrink:0;width:2rem;font-size:1.5rem;font-weight:750;line-height:1.15;letter-spacing:-.02em;color:var(--cnx-gold-text);font-variant-numeric:tabular-nums}.cnx-step-body{font-size:1.02rem;line-height:1.62;color:var(--cnx-body);padding-top:.15rem;min-width:0}.cnx-step-body strong,.cnx-step-body .cnx-ui{color:var(--cnx-ink);font-weight:650}.cnx-swap-enter-active{transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1)}.cnx-swap-leave-active{transition:opacity .12s ease;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cnx-swap-enter-from{opacity:0;transform:translateY(6px)}.cnx-swap-leave-to{opacity:0}.cnx-cta{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.6rem;border-radius:999px;font-size:1.02rem;font-weight:700;color:#1c1503;background:linear-gradient(135deg,#f3cf67,#d69e2e);box-shadow:0 8px 24px #d69e2e59,inset 0 1px #ffffff73;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1)}.cnx-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px #d69e2e73,inset 0 1px #ffffff73}.cnx-cta:focus-visible{outline:none;box-shadow:0 0 0 3px #d69e2e80}.cnx-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:999px;font-size:1rem;font-weight:650;color:var(--cnx-ink);background:var(--cnx-glass);border:1px solid var(--cnx-glass-edge);box-shadow:inset 0 1px #ffffff59;transition:transform .14s cubic-bezier(.22,1,.36,1)}.dark .cnx-ghost{box-shadow:inset 0 1px #ffffff0f}.cnx-ghost:hover{transform:translateY(-2px)}.cnx-ghost:focus-visible{outline:none;box-shadow:0 0 0 3px #d69e2e66}.cnx-prompt{padding:1.05rem 1.3rem;border-radius:16px;background:var(--cnx-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--cnx-glass-edge);box-shadow:var(--cnx-shadow);font-size:1.02rem;line-height:1.55;color:var(--cnx-ink)}.cnx-prompt .cnx-prompt-q{color:var(--cnx-gold-text);font-weight:800;margin-right:.5rem}.cnx-trust-row{display:flex;gap:1.1rem;padding:1.35rem 0}.cnx-trust-row+.cnx-trust-row{border-top:1px solid var(--cnx-fill-edge)}.cnx-trust-t{font-size:1.06rem;font-weight:650;color:var(--cnx-ink)}.cnx-trust-b{font-size:.98rem;line-height:1.6;color:var(--cnx-body);margin-top:.25rem}.cnx .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.cnx .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.cnx:after{animation:none}.cnx .reveal{opacity:1;transform:none;transition:none}.cnx-swap-enter-active,.cnx-swap-leave-active,.cnx-copy,.cnx-chipcopy,.cnx-cta,.cnx-ghost{transition:none}}.cnx-app-cat{display:flex;align-items:center;gap:.55rem;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cnx-faint);margin-bottom:.9rem}.cnx-app-cat-dot{width:.5rem;height:.5rem;border-radius:50%;background:oklch(.64 .15 var(--sec, 78));box-shadow:0 0 0 3px oklch(.64 .15 var(--sec, 78) / .16)}.cnx-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.25rem,1fr));gap:.65rem}.cnx-app-tile{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:.9rem;background:var(--cnx-glass);border:1px solid var(--cnx-glass-edge);box-shadow:var(--cnx-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.cnx-app-tile:hover{transform:translateY(-2px);box-shadow:0 14px 38px #40300c29,inset 0 1px #ffffff80}.dark .cnx-app-tile:hover{box-shadow:0 16px 44px #00000080,inset 0 1px #ffffff0f}.cnx-app-icon{display:grid;place-items:center;flex-shrink:0;width:2.1rem;height:2.1rem;border-radius:.7rem;color:oklch(.55 .15 var(--sec, 78));background:oklch(.64 .15 var(--sec, 78) / .12);border:1px solid oklch(.64 .15 var(--sec, 78) / .2)}.dark .cnx-app-icon{color:oklch(.78 .14 var(--sec, 78))}.cnx-app-name{font-size:.95rem;font-weight:600;line-height:1.2;color:var(--cnx-ink)}