.moment{border:1.5px dashed color-mix(in oklab, var(--brand,#8b1a1a) 40%, transparent);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin:24px 0;padding:20px 24px;display:flex}.moment__copy{flex-direction:column;flex:1;gap:6px;display:flex}.moment__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--brand,#8b1a1a);font:600 11px/1 Inter Tight,system-ui,sans-serif}.moment__title{letter-spacing:-.01em;color:#1a1714;margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:22px;line-height:1.25}.moment__error{color:#b3261e;margin:0;font-size:13px}.moment__actions{flex-shrink:0;gap:10px;display:flex}.moment__btn{color:#fff;cursor:pointer;background:#1a1714;border:1px solid #0000;border-radius:6px;padding:10px 18px;font:600 13px/1 Inter Tight,system-ui,sans-serif}.moment__btn:hover:not(:disabled){background:#3a342e}.moment__btn:disabled{opacity:.6;cursor:not-allowed}.moment__btn--ghost{color:#3a342e;background:0 0;border-color:#d9d2c5}.moment__btn--ghost:hover:not(:disabled){color:#1a1714;border-color:#1a1714}@media (max-width:640px){.moment{flex-direction:column;align-items:flex-start}.moment__actions{width:100%}.moment__btn{flex:1}}
.ref-card{background:var(--white);border:1px solid var(--rule);border-radius:var(--r-lg);isolation:isolate;flex-direction:column;padding:22px 22px 20px;display:flex;position:relative}.ref-card:before{content:"";border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--brand);opacity:.9;height:3px;position:absolute;inset:0 0 auto}.ref-card__eyebrow{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;margin:2px 0 12px;display:inline-flex}.ref-card__eyebrow svg{color:var(--brand);flex:none}.ref-card__title{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin:0 0 10px;font-size:22px;font-weight:400;line-height:1.12}.ref-card__title em{color:var(--brand);font-style:italic}.ref-card__body{font:400 13.5px/1.55 var(--sans);color:var(--ink-2);text-wrap:pretty;margin:0 0 16px}.ref-card__body strong{color:var(--ink);font-weight:600}.ref-ledger{border-top:1px solid var(--rule);flex-direction:column;gap:10px;margin-bottom:16px;padding-top:14px;display:flex}.ref-ledger__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ref-ledger__label{font:600 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.ref-ledger__fraction{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;font-size:17px;line-height:1}.ref-ledger__fraction span{color:var(--ink-3);font-size:14px}.ref-marks{align-items:center;gap:7px;display:flex}.ref-mark{color:#fff;border-radius:3px;flex:none;place-items:center;width:13px;height:13px;display:grid}.ref-mark--rewarded{background:var(--brand);border:1.5px solid var(--brand)}.ref-mark--rewarded svg{width:8px;height:8px}.ref-mark--pending{background:color-mix(in oklab, var(--brand) 12%, transparent);border:1.5px solid color-mix(in oklab, var(--brand) 55%, transparent)}.ref-mark--pending:after{content:"";background:color-mix(in oklab, var(--brand) 70%, transparent);border-radius:50%;width:4px;height:4px}.ref-mark--open{border:1.5px dashed var(--rule-2);background:0 0}.ref-ledger__caption{font:500 11.5px/1.45 var(--mono);color:var(--ink-3);letter-spacing:-.01em;margin:0}.ref-ledger__caption strong{color:var(--ink-2);font-weight:600}.ref-credit{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r-md);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.ref-credit__amounts{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:23px;line-height:1.05;display:flex}.ref-credit__amounts .plus{font-family:var(--mono);color:var(--ink-3);align-self:center;font-size:13px;font-weight:500}.ref-credit__amounts em{color:var(--brand);font-style:normal}.ref-credit__cap{font:500 11.5px/1.4 var(--sans);color:var(--ink-3)}.ref-invites{flex-direction:column;gap:0;margin-bottom:16px;display:flex}.ref-invites__row{border-top:1px solid var(--rule);align-items:center;gap:10px;padding:9px 0;display:flex}.ref-invites__row:first-child{border-top:1px dashed var(--rule)}.ref-invites__email{font:500 12.5px/1.3 var(--sans);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.ref-status{font:600 10px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rule);color:var(--ink-3);background:var(--paper);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 8px 4px 7px;display:inline-flex}.ref-status svg{flex:none;width:11px;height:11px}.ref-status--invited{color:var(--ink-3)}.ref-status--signed{color:var(--ink-2);border-color:var(--rule-2)}.ref-status--subscribed{color:var(--brand);border-color:color-mix(in oklab, var(--brand) 35%, transparent);background:var(--brand-tint)}.ref-status--rewarded{color:var(--ok);border-color:color-mix(in oklab, var(--ok) 35%, transparent);background:var(--ok-tint)}.ref-invites__more{font:500 12px/1 var(--sans);color:var(--ink-3);border-top:1px solid var(--rule);align-items:center;gap:6px;padding:11px 0 0;text-decoration:none;display:inline-flex}.ref-invites__more:hover{color:var(--ink)}.ref-note{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r-md);align-items:flex-start;gap:10px;margin-bottom:16px;padding:11px 12px;display:flex}.ref-note svg{color:var(--ink-3);flex:none;margin-top:1px}.ref-note__text{font:500 12px/1.45 var(--sans);color:var(--ink-2);margin:0}.ref-note__text button{font:600 12px/1 var(--sans);color:var(--ink);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;align-items:center;gap:4px;margin-top:3px;padding:0;text-decoration:underline;display:inline-flex}.ref-actions{flex-direction:column;gap:9px;margin-top:auto;display:flex}.ref-btn{border:1px solid var(--ink);border-radius:var(--r-md);background:var(--ink);width:100%;height:42px;color:var(--paper);font:600 13.5px/1 var(--sans);letter-spacing:.005em;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding-inline:16px;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .12s;display:inline-flex}.ref-btn:hover{background:var(--ink-2);transform:translateY(-1px)}.ref-btn:active{transform:translateY(0)}.ref-btn svg{flex:none}.ref-btn--ghost{color:var(--ink);border-color:var(--rule);background:0 0;height:38px;font-weight:500}.ref-btn--ghost:hover{border-color:var(--ink);color:var(--ink);background:0 0}.ref-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ref-skel{background:linear-gradient(100deg, var(--paper-2) 30%, color-mix(in oklab, var(--paper-2) 55%, #fff) 50%, var(--paper-2) 70%);background-size:220% 100%;border-radius:5px;animation:1.5s ease-in-out infinite ref-shimmer}@keyframes ref-shimmer{0%{background-position:180% 0}to{background-position:-80% 0}}@media (prefers-reduced-motion:reduce){.ref-skel{animation:none}}.ref-skel--line{height:11px}.ref-skel--marks{width:120px;height:13px}.ref-skel--block{border-radius:var(--r-md);height:52px}.ref-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#14120e52;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ref-modal{background:var(--white);border:1px solid var(--rule);border-radius:16px;width:460px;max-width:100%;padding:28px 28px 24px;position:relative;box-shadow:0 40px 90px -40px #14120e80,0 10px 28px -16px #14120e33}.ref-modal__close{border:1px solid var(--rule);background:var(--white);width:30px;height:30px;color:var(--ink-2);cursor:pointer;border-radius:50%;place-items:center;transition:border-color .15s,color .15s;display:grid;position:absolute;top:18px;right:18px}.ref-modal__close:hover{border-color:var(--ink);color:var(--ink)}.ref-modal__eyebrow{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:0 0 10px}.ref-modal__title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;font-size:27px;font-weight:400;line-height:1.08}.ref-modal__title em{color:var(--brand);font-style:italic}.ref-modal__body{font:400 14px/1.55 var(--sans);color:var(--ink-2);text-wrap:pretty;max-width:46ch;margin:0 0 20px}.ref-field{margin-bottom:10px}.ref-field__label{font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;display:block}.ref-emailrow{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ref-input{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--white);height:44px;font:400 14.5px/1 var(--sans);color:var(--ink);flex:auto;padding:0 14px;transition:border-color .15s,box-shadow .15s}.ref-input::placeholder{color:var(--ink-3)}.ref-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab, var(--brand) 16%, transparent);outline:none}.ref-input--invalid{border-color:var(--err)}.ref-emailrow__remove{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--white);width:38px;height:38px;color:var(--ink-3);cursor:pointer;flex:none;place-items:center;transition:border-color .15s,color .15s;display:grid}.ref-emailrow__remove:hover{border-color:var(--ink);color:var(--ink)}.ref-addmore{font:600 13px/1 var(--sans);color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;display:inline-flex}.ref-addmore:hover{color:var(--brand)}.ref-addmore:disabled{color:var(--ink-3);cursor:not-allowed}.ref-addmore svg{flex:none}.ref-modal__hint{font:500 11.5px/1.45 var(--mono);color:var(--ink-3);letter-spacing:-.01em;margin:4px 0 0}.ref-modal__foot{border-top:1px solid var(--rule);align-items:center;gap:12px;margin-top:20px;padding-top:18px;display:flex}.ref-modal__send{border:1px solid var(--ink);border-radius:var(--r-md);background:var(--ink);height:46px;color:var(--paper);font:600 14px/1 var(--sans);cursor:pointer;flex:auto;justify-content:center;align-items:center;gap:8px;transition:background .15s,transform .12s;display:inline-flex}.ref-modal__send:hover{background:var(--ink-2);transform:translateY(-1px)}.ref-modal__send:disabled{opacity:.55;cursor:not-allowed;transform:none}.ref-result__head{align-items:center;gap:11px;margin-bottom:16px;display:flex}.ref-result__seal{background:var(--brand-tint);width:42px;height:42px;color:var(--brand);border-radius:50%;flex:none;place-items:center;display:grid}.ref-result__summary{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin:0;font-size:21px;line-height:1.12}.ref-result__summary em{color:var(--brand);font-style:italic}.ref-resultlist{flex-direction:column;margin-bottom:4px;display:flex}.ref-resultlist__row{border-top:1px solid var(--rule);align-items:center;gap:11px;padding:11px 0;display:flex}.ref-resultlist__icon{border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.ref-resultlist__icon--sent{background:var(--ok-tint);color:var(--ok)}.ref-resultlist__icon--skip{background:var(--paper-2);color:var(--ink-3)}.ref-resultlist__icon--bad{background:var(--err-tint);color:var(--err)}.ref-resultlist__text{flex:auto;min-width:0}.ref-resultlist__email{font:600 13.5px/1.3 var(--sans);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ref-resultlist__reason{font:400 12px/1.3 var(--sans);color:var(--ink-3)}.ref-result__actions{gap:10px;margin-top:18px;display:flex}.ref-result__actions .ref-modal__send{flex:1}.ref-result__actions .ref-btn--ghost{flex:none;width:auto;height:46px;padding-inline:18px}.ref-fail{text-align:center;padding:12px 8px 6px}.ref-fail__icon{background:var(--paper-2);width:52px;height:52px;color:var(--ink-2);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.ref-fail__title{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin:0 0 8px;font-size:23px;line-height:1.12}.ref-fail__body{font:400 14px/1.55 var(--sans);color:var(--ink-2);max-width:38ch;margin:0 auto 20px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}