.share-card{position:relative;width:1520px;height:1080px;overflow:hidden;font-family:var(--font-display);font-variation-settings:"wdth" 500;isolation:isolate;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.share-card--light{background:#e9e9e1;color:#0a0d16}.share-card--dark{background:#0a0d16;color:#e9e9e1}.share-card__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;pointer-events:none;user-select:none;z-index:-2}.share-card--dark .share-card__bg{opacity:.2}.share-card__logo{position:absolute;top:72px;left:96px;height:72px;width:auto;object-fit:contain;pointer-events:none;user-select:none}.share-card__content{position:absolute;top:50%;left:96px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:28px;max-width:900px;z-index:2}.share-card__content,.share-card__pill{font-family:var(--font-display);font-variation-settings:"wdth" 500}.share-card__pill{font-weight:900;letter-spacing:0;text-transform:uppercase;line-height:1;color:#fff}.share-card__pill--label{font-size:72px;padding:20px 38px;border-radius:28px}.share-card__pill--amount{font-size:128px;padding:22px 46px;border-radius:34px;font-variant-numeric:tabular-nums;white-space:nowrap}.share-card__pill-wrap{display:inline-block}.share-card__pill-wrap--label{transform:rotate(-1.5deg)}.share-card__pill-wrap--amount{transform:rotate(1.25deg)}.share-card .hero-pill-3d{transform-style:flat}.share-card__pill:before{transform:translateY(12px)!important;box-shadow:0 0 0 3px rgba(0,0,0,.25)!important;z-index:-1}.share-card__footer{position:absolute;bottom:80px;left:96px;font-family:Geist,system-ui,sans-serif;font-size:32px;font-weight:500;color:var(--share-footer,var(--neutral-400));letter-spacing:.01em}.share-card__overlay{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:840px;height:840px;object-fit:contain;pointer-events:none;user-select:none;image-rendering:-webkit-optimize-contrast;z-index:1}.share-card__overlay--full{right:0;top:0;transform:translateX(12%) scale(.92);transform-origin:center center;width:100%;height:100%}.share-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);animation:share-modal-fade-in .16s ease-out}@keyframes share-modal-fade-in{0%{opacity:0}to{opacity:1}}.share-modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:1200px;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);background:var(--card);border:1px solid var(--neutral-800);border-radius:var(--radius);box-shadow:var(--shadow-2xl);max-height:92vh;overflow:hidden}.share-modal__header{display:flex;justify-content:flex-end;align-items:center;padding-bottom:var(--spacing-md)}.share-modal__body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--spacing-xl);min-height:0;flex:1}.share-modal__close{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--foreground);border:1px solid var(--neutral-800);border-radius:var(--radius-btn);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.share-modal__close:hover{color:var(--foreground);border-color:var(--neutral-700);background:var(--neutral-900)}.share-modal__preview-col{display:flex;align-items:center;justify-content:center;min-width:0}.share-modal__preview-wrap{position:relative;width:100%;aspect-ratio:1520/1080;background:var(--neutral-1000);border:1px solid var(--neutral-800);border-radius:var(--radius-btn);overflow:hidden}.share-modal__preview{position:absolute;top:0;left:0;transform-origin:top left}.share-modal__controls{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.share-modal__field-label{display:block;font-size:var(--text-2xs);font-weight:700;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-2xs)}.share-modal__text-input{width:100%;min-height:76px;padding:10px 12px;background:var(--neutral-1000);border:1px solid var(--neutral-800);border-radius:var(--radius-btn);color:var(--foreground);font-size:var(--text-sm);font-family:inherit;line-height:1.4;resize:vertical;transition:border-color .15s ease}.share-modal__text-input:focus{outline:none;border-color:var(--accent-100)}.share-modal__theme-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px}.share-modal__theme-btn{height:36px;padding:0 12px;background:var(--neutral-1000);border:1.5px solid var(--neutral-800);border-radius:var(--radius-btn);color:var(--foreground);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.share-modal__theme-btn:hover{border-color:var(--neutral-700);transform:translateY(-1px)}.share-modal__theme-btn--active{border-color:var(--accent-100);background:color-mix(in oklch,var(--accent-100) 12%,transparent)}.share-modal__overlays{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.share-modal__overlay-btn{aspect-ratio:1;padding:6px;background:var(--neutral-1000);border:1.5px solid var(--neutral-800);border-radius:var(--radius-btn);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,background .15s ease,transform .15s ease}.share-modal__overlay-btn:hover{border-color:var(--neutral-700);transform:translateY(-1px)}.share-modal__overlay-btn--active{border-color:var(--accent-100);background:color-mix(in oklch,var(--accent-100) 12%,transparent)}.share-modal__overlay-btn img{width:100%;height:100%;object-fit:contain;pointer-events:none}.share-modal__actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;margin-bottom:4px;padding-top:var(--spacing-sm)}.share-modal__btn3d{width:100%}.share-modal__flash{font-size:var(--text-xs);color:var(--neon-green);text-align:center;min-height:16px;transition:opacity .2s ease}@media (max-width:900px){.share-modal{max-height:100vh;height:100%;border-radius:0;overflow-y:auto}.share-modal__body{grid-template-columns:1fr}.share-modal-backdrop{padding:0}}.share-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;background:transparent;color:var(--foreground);border:1px solid var(--neutral-800);border-radius:var(--radius-btn);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.share-trigger:hover{border-color:var(--neutral-700);background:var(--neutral-900)}.share-trigger--compact{height:28px;padding:0 10px;font-size:var(--text-xs)}.share-trigger-3d--icon.btn-3d{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);aspect-ratio:1/1;flex-shrink:0}.share-trigger--inline{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:0;border-radius:4px;color:var(--neutral-500);cursor:pointer;transition:color .15s ease,background .15s ease;vertical-align:middle;flex-shrink:0}.share-trigger--inline:hover{color:var(--scratch-accent-100);background:color-mix(in oklch,var(--scratch-accent-100) 12%,transparent)}.share-trigger--inline:focus-visible{outline:2px solid var(--scratch-accent-100);outline-offset:1px}