.demo-wrapper.svelte-y5gptq{--nav-h: calc(3.5rem + 1px) ;--card-pad-x: 2.5rem;--frame-pad: 1.125rem;height:500vh;position:relative;overflow-x:clip}.sticky-stage.svelte-y5gptq{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));display:flex;align-items:center;justify-content:center;padding:0 1.5rem}.demo-card.svelte-y5gptq{width:100%;max-width:75rem;height:calc(100vh - var(--nav-h) - 2.5rem);border:1px solid #000;box-shadow:6px 6px #000;background:#fff;display:flex;flex-direction:column;overflow:hidden}.demo-header.svelte-y5gptq{flex-shrink:0;height:2.75rem;background:#000;color:#fff;display:flex;align-items:center;padding:0 var(--card-pad-x);gap:1rem;overflow:hidden}.header-labels.svelte-y5gptq{display:grid;flex:1;min-width:0;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.header-label.svelte-y5gptq{grid-row:1;grid-column:1;display:flex;align-items:center;gap:.75rem;opacity:0;transition:opacity .35s ease;pointer-events:none;min-width:0;overflow:hidden}.header-label.active.svelte-y5gptq{opacity:1;pointer-events:auto}.step-badge.svelte-y5gptq{background:#22c55e;color:#000;font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.125rem .375rem;flex-shrink:0}.step-counter.svelte-y5gptq{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;color:#71717a;flex-shrink:0}.demo-body.svelte-y5gptq{flex:1;display:grid;grid-template-columns:38% minmax(0,1fr);gap:0 3.5rem;padding:0 var(--card-pad-x);align-items:center;min-height:0;overflow:hidden}.copy-stack.svelte-y5gptq{display:grid;min-width:0}.copy-panel.svelte-y5gptq,.mockup-panel.svelte-y5gptq{grid-row:1;grid-column:1;min-width:0;opacity:0;transition:opacity .45s ease;pointer-events:none;padding:2rem 0}.copy-panel.active.svelte-y5gptq,.mockup-panel.active.svelte-y5gptq{opacity:1;pointer-events:auto}.copy-headline.svelte-y5gptq{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.75rem,2.75vw,2.5rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}.copy-desc.svelte-y5gptq{font-size:.9375rem;color:#52525b;line-height:1.65}.mockup-stack.svelte-y5gptq{display:grid;min-width:0}.mockup-panel.svelte-y5gptq{position:relative}.toast.svelte-y5gptq{position:absolute;top:.75rem;right:0;max-width:calc(100% - 1rem);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:.5rem .875rem;white-space:nowrap;opacity:0;transform:translateY(-8px);transition:opacity .35s ease .55s,transform .35s ease .55s;z-index:5}.toast-dark.svelte-y5gptq{background:#000;color:#fff}.toast-green.svelte-y5gptq{background:#22c55e;color:#000}.mockup-panel.active.svelte-y5gptq .toast:where(.svelte-y5gptq){opacity:1;transform:translateY(0)}.progress-track.svelte-y5gptq{flex-shrink:0;display:flex;gap:2px;padding:0 var(--card-pad-x) 1.25rem}.progress-seg.svelte-y5gptq{flex:1;height:2px;background:#e4e4e7;transition:background .35s ease}.progress-seg.filled.svelte-y5gptq{background:#000}.step-dots.svelte-y5gptq{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.625rem;z-index:10}.step-dot.svelte-y5gptq{width:8px;height:8px;border:1.5px solid #000;background:transparent;cursor:pointer;padding:0;transition:background .2s}.step-dot.active.svelte-y5gptq{background:#000}.mockup-frame.svelte-y5gptq{border:1px solid #000;box-shadow:4px 4px #000;background:#fff;padding:var(--frame-pad);overflow:hidden}.mockup-bar.svelte-y5gptq{display:flex;justify-content:space-between;align-items:center;padding-bottom:.625rem;border-bottom:1px solid #e4e4e7;margin-bottom:.125rem}.msg-row.svelte-y5gptq{display:grid;grid-template-columns:2rem minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f4f4f5}.msg-row.svelte-y5gptq:last-child{border-bottom:none}.msg-highlight.svelte-y5gptq{background:#f0fdf4;border-left:2px solid #22c55e;padding-left:calc(var(--frame-pad) - 2px);margin-left:calc(-1 * var(--frame-pad));padding-right:var(--frame-pad);margin-right:calc(-1 * var(--frame-pad));padding-top:.5rem;padding-bottom:.5rem}.msg-muted.svelte-y5gptq{opacity:.4}.avatar.svelte-y5gptq{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.625rem;font-weight:700;flex-shrink:0}.av-dark.svelte-y5gptq{background:#000;color:#fff}.av-muted.svelte-y5gptq{background:#e4e4e7;color:#a1a1aa}.msg-info.svelte-y5gptq{display:flex;flex-direction:column;gap:.2rem;min-width:0;overflow:hidden}.msg-sender.svelte-y5gptq{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-subject.svelte-y5gptq{font-size:.8125rem;color:#52525b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-chip.svelte-y5gptq{color:#22c55e;font-size:.625rem}.badge-paid.svelte-y5gptq,.badge-not-paid.svelte-y5gptq{font-family:var(--font-mono);font-size:.5625rem;font-weight:700;letter-spacing:.05em;padding:.2rem .4rem;white-space:nowrap;flex-shrink:0}.badge-paid.svelte-y5gptq{border:1px solid #000}.badge-not-paid.svelte-y5gptq{border:1px solid #e4e4e7;color:#a1a1aa}.msg-time.svelte-y5gptq{font-family:var(--font-mono);font-size:.6875rem;color:#a1a1aa;flex-shrink:0}.reply-header.svelte-y5gptq{display:flex;align-items:center;gap:.75rem;padding-bottom:.875rem;border-bottom:1px solid #e4e4e7;margin-bottom:.875rem}.reply-message.svelte-y5gptq{font-size:.875rem;color:#27272a;line-height:1.6;padding-bottom:.875rem;border-bottom:1px solid #e4e4e7;margin-bottom:.875rem}.reply-field.svelte-y5gptq{padding:.625rem .75rem;border:1px solid #e4e4e7;margin-bottom:.875rem;overflow:hidden}.reply-footer.svelte-y5gptq{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sent-btn.svelte-y5gptq{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.08em;background:#000;color:#fff;padding:.5rem 1rem;white-space:nowrap;flex-shrink:0}.reply-typing.svelte-y5gptq{display:flex;align-items:baseline;overflow:hidden}.type-text.svelte-y5gptq{display:inline-block;overflow:hidden;white-space:nowrap;width:0;max-width:100%;vertical-align:bottom}.mockup-panel.active.svelte-y5gptq .type-text:where(.svelte-y5gptq){animation:svelte-y5gptq-typewriter 2s steps(42,end) .5s forwards}@keyframes svelte-y5gptq-typewriter{to{width:42ch}}.cursor.svelte-y5gptq{opacity:0}.mockup-panel.active.svelte-y5gptq .cursor:where(.svelte-y5gptq){opacity:1;animation:svelte-y5gptq-blink 1s step-end infinite}@keyframes svelte-y5gptq-blink{0%,to{opacity:1}50%{opacity:0}}.wallet-number.svelte-y5gptq{font-family:var(--font-mono);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1;color:#000;display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.wallet-unit.svelte-y5gptq{font-size:1rem;font-weight:400}.earnings-table.svelte-y5gptq{border-top:1px solid #e4e4e7}.earnings-head.svelte-y5gptq{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e4e4e7}.earning-row.svelte-y5gptq{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid #f4f4f5}.earning-row.svelte-y5gptq:last-child{border-bottom:none}.earning-info.svelte-y5gptq{display:flex;flex-direction:column;gap:.1rem;min-width:0;overflow:hidden}.withdraw-header.svelte-y5gptq{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #e4e4e7;margin-bottom:.75rem}.withdraw-group.svelte-y5gptq{margin-bottom:.5rem}.withdraw-field.svelte-y5gptq{display:flex;justify-content:space-between;align-items:center;border:1px solid #e4e4e7;padding:.5rem .875rem;overflow:hidden}.withdraw-arrow.svelte-y5gptq{font-family:var(--font-mono);color:#a1a1aa;text-align:center;padding:.375rem 0}.withdraw-sent.svelte-y5gptq{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;background:#22c55e;color:#000;padding:.75rem;text-align:center;margin-top:.75rem}.muted.svelte-y5gptq{color:#a1a1aa}.green.svelte-y5gptq{color:#22c55e}.mb-2.svelte-y5gptq{margin-bottom:.5rem}.mb-3.svelte-y5gptq{margin-bottom:.75rem}.msg-sender--struck.svelte-y5gptq{text-decoration:line-through}.role-label.svelte-y5gptq{letter-spacing:.05em}@media(max-width:767px){.demo-wrapper.svelte-y5gptq{--card-pad-x: 1.25rem}.sticky-stage.svelte-y5gptq{height:calc(100svh - var(--nav-h));padding:.75rem;align-items:flex-start}.demo-card.svelte-y5gptq{height:calc(100svh - var(--nav-h) - 1.5rem);max-height:none;box-shadow:3px 3px #000}.demo-header.svelte-y5gptq{height:2.25rem}.demo-body.svelte-y5gptq{display:flex;flex-direction:column;align-items:stretch;gap:0;grid-template-columns:unset;grid-template-rows:unset;align-content:unset}.copy-stack.svelte-y5gptq{flex-shrink:0;position:relative}.copy-panel.svelte-y5gptq{padding:1.25rem 0 .75rem}.copy-panel.svelte-y5gptq:not(.active),.mockup-panel.svelte-y5gptq:not(.active){position:absolute;top:0;left:0;right:0}.copy-headline.svelte-y5gptq{font-size:clamp(1.375rem,6vw,1.875rem);margin-bottom:.625rem}.copy-desc.svelte-y5gptq{font-size:.875rem}.mockup-stack.svelte-y5gptq{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.mockup-panel.svelte-y5gptq{padding:.5rem 0 0}.mockup-panel.active.svelte-y5gptq{flex:1;display:flex;flex-direction:column}.mockup-frame.svelte-y5gptq{flex:1;min-height:0;overflow-y:auto}.toast.svelte-y5gptq{top:.5rem;font-size:.625rem;padding:.3rem .5rem}.progress-track.svelte-y5gptq{padding:0 var(--card-pad-x) 1rem}.step-dots.svelte-y5gptq,.msg-time.svelte-y5gptq{display:none}.msg-row.svelte-y5gptq{grid-template-columns:1.75rem minmax(0,1fr) auto}.reply-footer.svelte-y5gptq{flex-direction:column;align-items:flex-start;gap:.5rem}}