.qn-mock{--brand-yellow:#fdda03;--brand-yellow-warm:#f4af25;--canvas-bg:#fbfaf9;--surface-1:#fff;--surface-2:#f7f5f3;--surface-3:#fdfdfc;--border-1:#e3e0dd;--border-strong:#cdc7c1;--text-primary:#1c1e22;--text-secondary:#6c6660;--text-muted:#918c88;--accent-primary:#2e3138;--radius:.625rem;--radius-md:calc(var(--radius) - 2px);--radius-sm:calc(var(--radius) - 4px);--shadow-sm:0 1px 2px 0 #0000000a;--shadow:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #00000008;--font-body:var(--font-sans), ui-sans-serif, system-ui, sans-serif;color:var(--text-primary);text-align:left}.qn-mock *{box-sizing:border-box}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.qn-mock .qn-live-dot{animation:3s ease-in-out 2s infinite livePulse}@keyframes qn-enter-shot{0%{opacity:0;transform:translateY(30px)scale(.988)}72%{opacity:1;transform:translateY(-3px)scale(1.002)}to{opacity:1;transform:none}}.qn-enter-shot{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) .42s both qn-enter-shot}@media (prefers-reduced-motion:reduce){.qn-enter-shot{opacity:1;animation:none!important}}.qn-hero-shot .qn-hero-scale{transform-origin:50% 30%;will-change:transform}.qn-hero-shot .qn-sat{z-index:3;opacity:0;will-change:transform, opacity;width:min(30%,224px);display:none;position:absolute}@container (min-width:760px){.qn-hero-shot .qn-sat{display:block}}@media (prefers-reduced-motion:reduce){.qn-hero-shot .qn-hero-scale{transform:none!important}.qn-hero-shot .qn-sat{opacity:1!important;transform:none!important}}@keyframes qnCapIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes qnDotPulse{0%,62%,to{opacity:.55;transform:scale(1);box-shadow:0 0 #facc1480}18%{opacity:1;transform:scale(1.25);box-shadow:0 0 0 7px #facc1400}}@keyframes qnFieldDrift{0%{background-position:0 0}to{background-position:16px 0}}@keyframes qnPinDrop{0%{opacity:0;transform:translateY(-9px)scale(.55)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes qnPinShadow{0%{opacity:0;transform:scaleX(.3)}to{opacity:.5;transform:none}}@keyframes qnSweep{0%{transform:translate(-40%)}to{transform:translate(240%)}}@keyframes qnOrbBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes qnOrbRing{0%{opacity:.5;transform:scale(.66)}to{opacity:0;transform:scale(1)}}.qn-mock [data-qn-ink]{color:var(--text-muted)}.qn-mock [data-qn-rail]{background:0 0}.qn-mock [data-qn-moment]:not(.qn-inview),.qn-mock [data-qn-moment]:not(.qn-inview) *{animation-play-state:paused!important}.qn-mock .qn-tabhint,.qn-mock .qn-tabfade{display:none}@container (max-width:639px){.qn-mock [data-qn-stage="1"]{flex-direction:column;display:flex!important}.qn-mock [data-qn-stage="1"]>div:first-child{z-index:20;border-bottom:1px solid var(--border-1);background:var(--canvas-bg);-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;flex-wrap:nowrap;align-items:stretch;max-width:100%;top:0;overflow-x:auto;border-right:none!important;flex-direction:row!important;justify-content:flex-start!important;gap:0!important;height:auto!important;padding:0!important;position:sticky!important}.qn-mock [data-qn-stage="1"]>div:first-child::-webkit-scrollbar{display:none}.qn-mock [data-qn-stage="1"]>div:first-child>div{flex:none;min-height:46px;padding:12px 16px 12px 0;gap:10px!important}.qn-mock [data-qn-stage="1"]>div:first-child>div>span:last-child{white-space:nowrap}.qn-mock [data-qn-stage="1"]>div:first-child>.qn-tabfade{background:linear-gradient(to right, var(--canvas-bg) 34%, transparent);pointer-events:none;z-index:1;opacity:0;flex:none;align-self:stretch;width:40px;margin-right:-40px;transition:opacity .22s ease-out;display:block;position:sticky;left:0}.qn-mock [data-qn-stage="1"]>div:first-child[data-qn-fade=left]>.qn-tabfade,.qn-mock [data-qn-stage="1"]>div:first-child[data-qn-fade=both]>.qn-tabfade{opacity:1}.qn-mock [data-qn-stage="1"]>div:first-child>.qn-tabhint{background:linear-gradient(to right, transparent, var(--canvas-bg) 62%);pointer-events:none;opacity:1;flex:none;justify-content:flex-end;align-self:stretch;align-items:center;width:64px;margin-left:-64px;padding-right:6px;transition:opacity .22s ease-out;display:flex;position:sticky;right:0}.qn-mock [data-qn-stage="1"]>div:first-child[data-qn-fade=left]>.qn-tabhint{opacity:0}.qn-mock .qn-tabhint-chip{background:var(--surface-1);border:1px solid var(--border-1);width:22px;height:22px;box-shadow:var(--shadow-sm);color:var(--text-muted);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}}@keyframes qn-rb-in{0%{opacity:0;transform:translateY(10px)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes qn-rb-flash{0%,40%{background:#f9f5e7;border-color:#eae0b8}to{background:var(--surface-1);border-color:var(--border-1)}}@keyframes qn-rb-tick-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes qn-rb-src-lit{0%{opacity:.55}to{opacity:1}}@keyframes qn-rb-pulse-run{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(25px)}}.qn-mock[data-qn-rb].qn-rb-armed .qn-rb-item{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) both qn-rb-in;animation-delay:var(--qn-rb-delay,0s);animation-play-state:paused}.qn-mock[data-qn-rb].qn-rb-armed .qn-rb-flash{animation:.6s cubic-bezier(.22,1,.36,1) both qn-rb-in,1.5s ease-out both qn-rb-flash;animation-delay:var(--qn-rb-delay,0s);animation-play-state:paused}.qn-mock[data-qn-rb].qn-rb-armed .qn-rb-src{animation:.4s cubic-bezier(.22,1,.36,1) both qn-rb-src-lit;animation-delay:var(--qn-rb-connect-delay,0s);animation-play-state:paused}.qn-mock[data-qn-rb].qn-rb-armed .qn-rb-tick{animation:.35s cubic-bezier(.22,1,.36,1) both qn-rb-tick-in;animation-delay:var(--qn-rb-connect-delay,0s);animation-play-state:paused}.qn-mock[data-qn-rb] .qn-rb-pulse{opacity:0}.qn-mock[data-qn-rb].qn-rb-armed .qn-rb-pulse{animation:.5s ease-in qn-rb-pulse-run;animation-delay:var(--qn-rb-pulse-delay,0s);animation-play-state:paused}.qn-mock[data-qn-rb].qn-inview .qn-rb-item,.qn-mock[data-qn-rb].qn-inview .qn-rb-src,.qn-mock[data-qn-rb].qn-inview .qn-rb-tick,.qn-mock[data-qn-rb].qn-inview .qn-rb-pulse{animation-play-state:running}@container (max-width:559px){.qn-mock[data-qn-rb] .qn-rb-wires{display:none}.qn-mock[data-qn-rb] .qn-rb-rail{flex-wrap:wrap;justify-content:center;margin-bottom:14px;display:flex!important}}@media (prefers-reduced-motion:reduce){.qn-mock[data-qn-rb] .qn-rb-item,.qn-mock[data-qn-rb] .qn-rb-src,.qn-mock[data-qn-rb] .qn-rb-tick{opacity:1!important;animation:none!important}.qn-mock[data-qn-rb] .qn-rb-flash{background:var(--surface-1)!important}.qn-mock[data-qn-rb] .qn-rb-pulse{opacity:0!important;animation:none!important}.qn-mock .qn-live-dot{opacity:1;animation:none!important}}