@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap");:root{--bone:#f2ede3;--paper:#ede6d6;--sand:#e5dcc4;--ash:#8b857a;--ink:#15171a;--ink-2:#2a2c2e;--ink-3:#4b4c4d;--forest:#1e2e22;--sage:#6f8472;--grotesk:"Geist",ui-sans-serif,system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace}[data-theme=light]{--bg:#f4f5f3;--bg-2:#eeefec;--bg-3:#e4e6e2;--card:#fff;--line:rgba(18,22,20,.1);--line-2:rgba(18,22,20,.05);--tx:#141816;--tx-2:#565b57;--tx-3:#9aa09b;--acc:#1e2e22;--acc-soft:rgba(30,46,34,.08);--moss:#2f4634;--on:#1f7a3d;--glow:rgba(31,122,61,.18)}[data-theme=dark]{--bg:#0e100f;--bg-2:#131614;--bg-3:#1b1f1c;--card:#161a17;--line:rgba(236,240,236,.11);--line-2:rgba(236,240,236,.055);--tx:#eceeea;--tx-2:hsla(90,11%,93%,.64);--tx-3:hsla(90,11%,93%,.38);--acc:#9fb8a4;--acc-soft:rgba(159,184,164,.13);--moss:#5b8a68;--on:#6fd68b;--glow:rgba(111,214,139,.16)}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;background:var(--bg);font-family:var(--grotesk);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.webapp-root{height:100vh}.demo-boundary{min-height:38px;padding:8px 24px;display:flex;align-items:center;gap:12px;background:#e9dfc8;border-bottom:1px solid rgba(74,57,29,.16);color:#352b1d;font-size:12px;line-height:1.35;flex-wrap:wrap}.demo-boundary strong{font-weight:700}.demo-boundary span{color:rgba(53,43,29,.72)}.demo-boundary a{margin-left:auto;color:inherit;font-weight:650;text-underline-offset:3px}[data-theme=dark] .demo-boundary{background:#302a1e;border-bottom-color:hsla(42,43%,85%,.14);color:#f0e6cf}[data-theme=dark] .demo-boundary span{color:hsla(42,52%,88%,.7)}@media (max-width:720px){.demo-boundary{padding:8px 14px;gap:6px 10px}.demo-boundary a{margin-left:0}}.pxn-mono{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.seg{display:flex;background:var(--bg-3);border-radius:10px;padding:3px;gap:2px}.seg button{flex:1 1;border:0;background:transparent;color:var(--tx-2);font-size:12px;font-weight:500;padding:7px 12px;border-radius:8px;transition:background .2s,color .2s;white-space:nowrap}.seg button.on{background:var(--card);color:var(--tx);box-shadow:0 1px 4px rgba(0,0,0,.08)}.glass-chip{position:relative;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse 80% 60% at 60% 75%,#5a6a4a 0,transparent 60%),linear-gradient(180deg,#c9d2b8,#8a9474 50%,#2c3a28)}.glass-chip .haze{position:absolute;inset:0;background:hsla(60,15%,92%,.92);transition:opacity .5s cubic-bezier(.22,.61,.36,1)}[data-theme=dark] .glass-chip .haze{background:hsla(90,9%,82%,.88)}.sw{width:44px;height:26px;border-radius:99px;background:var(--bg-3);border:1px solid var(--line);position:relative;transition:background .25s;flex-shrink:0;padding:0}.sw:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:99px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform .25s cubic-bezier(.22,.61,.36,1)}.sw.on{background:var(--moss);border-color:var(--moss)}[data-theme=dark] .sw.on{background:var(--on);border-color:var(--on)}[data-theme=dark] .sw.on:after{background:#0e100f;box-shadow:none}.sw.on:after{transform:translateX(18px)}.sw.sm{width:36px;height:22px}.sw.sm:after{width:16px;height:16px}.sw.sm.on:after{transform:translateX(14px)}.ob-pulse{animation:obPulse 1.6s ease-in-out infinite}@keyframes obPulse{0%,to{opacity:.4}50%{opacity:1}}.ob-pop{animation:obPop .4s ease both}@keyframes obPop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pxn-pulse{animation:pxnPulse 1.4s ease-in-out infinite}@keyframes pxnPulse{0%,to{opacity:.4}50%{opacity:1}}