.of-card{border:1px solid var(--rule-2);background:var(--bg-2);width:min(26rem,100%);min-width:0;color:var(--text);box-shadow:var(--card-shadow);overflow-wrap:anywhere;border-radius:14px;gap:.8rem;padding:.95rem 1rem 1rem;display:grid;position:relative}.of-card--mine{border-top-right-radius:6px;justify-self:end}.of-card--theirs{border-top-left-radius:6px;justify-self:start}.of-card--compact{opacity:.6;filter:saturate(.4);box-shadow:none;gap:.35rem;padding:.6rem .85rem}.of-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;display:flex}.of-kind{letter-spacing:-.01em;font-size:.95rem;font-weight:700}.of-pill{border:1px solid var(--rule-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.of-pill--open{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--lime-wash);color:var(--accent)}.of-pill--accepted{background:var(--lime);color:var(--lime-ink);border-color:#0000}.of-card--signed{border-color:color-mix(in srgb, #e2b246 55%, var(--rule-2));box-shadow:0 0 0 3px #e2b2461f, var(--card-shadow)}.of-sealed{background:color-mix(in srgb, #e2b246 10%, var(--bg-2));border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;padding:.55rem .7rem;display:flex}.of-sealed__mark{align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;display:inline-flex}.of-sealed__mark:before{content:"";background:linear-gradient(135deg,#fbe7a1,#c9952a);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 2px #e2b24640}.of-pill--declined{border-color:color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger)}.of-pill--expired{border-style:dashed}.of-line{color:var(--muted);margin:0;font-size:.85rem}.of-hold{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--rule));background:var(--lime-wash);overflow-wrap:anywhere;border-radius:10px;margin:0;padding:.5rem .7rem;font-size:.85rem;line-height:1.4}.of-hold--off{border-color:var(--rule);color:var(--muted);background:0 0}.of-terms{gap:.15rem;margin:0;display:grid}.of-terms>div{border-radius:8px;justify-content:space-between;gap:1rem;margin-inline:-.45rem;padding:.3rem .45rem;display:flex}.of-terms dt{color:var(--muted);flex:none;font-size:.88rem}.of-terms dd{font-variant-numeric:tabular-nums;text-align:right;justify-items:end;min-width:0;margin:0;font-size:.92rem;font-weight:600;display:grid}.of-note{white-space:pre-wrap;text-align:left;font-weight:400}.of-changed{background:var(--lime-wash);outline:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}.of-was{color:var(--dim);font-size:.75rem;font-weight:400}.of-total{border-top:1px solid var(--rule);gap:.15rem;padding-top:.6rem;display:grid}.of-total p{justify-content:space-between;gap:1rem;margin:0;display:flex}.of-total strong{font-variant-numeric:tabular-nums;font-size:1.1rem}.of-total .of-total__fine{color:var(--muted);justify-content:flex-end;font-size:.82rem}.of-terms-line{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:400;display:block}.of-reason{color:var(--muted);white-space:pre-wrap;margin:0;font-size:.88rem}.of-reason span{color:var(--text);font-weight:600}.of-sigs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.of-sig{min-width:0;color:var(--text);gap:.15rem;display:grid}.of-sig__line{border-bottom:1px dashed var(--rule-2);height:2.6rem;color:var(--dim);align-items:flex-end;padding-bottom:.25rem;font-size:.78rem;font-style:italic;display:flex}.of-sig__who{color:var(--dim);margin:0;font-size:.72rem}.of-signature{width:100%;height:2.85rem;display:block;overflow:visible}.of-signature text{fill:currentColor;stroke:currentColor;stroke-width:.6px;font-family:Segoe Script,Bradley Hand,Snell Roundhand,Brush Script MT,cursive}.of-signature line{stroke:var(--rule-2);stroke-width:1px}.of-actions{gap:.6rem;display:grid}.of-actions__row{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;display:flex}.ac-btn.of-btn{padding-block:10px}.of-pay{width:100%;min-height:44px}.of-confirm{border-radius:var(--radius);background:var(--lime-wash);gap:.6rem;padding:.75rem;display:grid}.of-confirm p{margin:0;font-size:.9rem}.of-confirm--decline{background:var(--bg)}.of-confirm .ob__field{gap:.35rem;margin:0;display:grid}.of-confirm textarea{resize:vertical}.of-hint{color:var(--muted);flex:12rem;margin:0;font-size:.82rem}.of-card .join__error{margin:0;font-size:.88rem}.of-composer .ob__field{gap:.35rem;margin:0;display:grid}.of-composer .ob__money{max-width:none}.of-field{border-radius:var(--radius);margin:-.35rem;padding:.35rem}.of-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;display:grid}.of-step{align-items:stretch;display:flex}.of-step button{border:1px solid var(--input-line);background:var(--bg-2);width:2.9rem;color:var(--accent);font:600 1.15rem/1 var(--sans);cursor:pointer;flex:none}.of-step button:first-child{border-radius:var(--radius) 0 0 var(--radius);border-right:0}.of-step button:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:0}.of-step button:disabled{color:var(--dim);cursor:not-allowed}.of-step button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.ob__field .of-step input{text-align:center;font-variant-numeric:tabular-nums;border-radius:0;min-width:0}.of-tiers{border-radius:var(--radius);border:0;gap:.5rem;min-width:0;margin:0;margin-inline:-.35rem;padding:.35rem;display:grid}.of-tiers legend{margin-bottom:.4rem;padding:0;font-size:.9rem;font-weight:500}.of-tier{border:1px solid var(--rule-2);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:border-color .14s var(--ease-out), box-shadow .14s var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.1rem .65rem;padding:.7rem .8rem;display:grid}.of-tier input[type=radio]{accent-color:var(--accent);grid-row:span 2;margin:0}.of-tier__label{font-weight:600}.of-tier__detail{color:var(--muted);grid-column:2;font-size:.82rem}.of-tier__price{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;grid-area:1/3;font-size:.82rem}.of-tier__pct{color:var(--muted);grid-area:2/3;justify-self:end;align-items:center;gap:.25rem;font-size:.85rem;display:inline-flex}.of-tier__pct input{border:1px solid var(--input-line);background:var(--term-bg);width:4.2rem;color:var(--text);font:16px/1.2 var(--sans);text-align:right;border-radius:8px;padding:.3rem .45rem}.of-tier__pct input:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--lime-ring);outline:none}.of-tier.is-on{border-color:var(--focus);box-shadow:0 0 0 3px var(--lime-ring)}.of-tier.is-on .of-tier__price{color:var(--accent);font-weight:600}.of-tier.is-off{cursor:not-allowed;opacity:.55}.of-tier:has(input[type=radio]:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.of-count{color:var(--dim);justify-self:end;font-size:.78rem;font-weight:400}.of-summary{border-radius:var(--radius);background:var(--lime-wash);margin:0;padding:.75rem .9rem;font-size:.9rem;line-height:1.5}.of-summary strong{color:var(--accent);font-variant-numeric:tabular-nums}.of-composer .co-fine strong{color:var(--text)}@media (max-width:24rem){.of-tier{grid-template-columns:auto minmax(0,1fr)}.of-tier__price,.of-tier__pct{text-align:left;grid-area:auto/2;justify-self:start}}@media (prefers-reduced-motion:no-preference){.of-card.is-fresh{animation:of-in .32s var(--ease-out)}.of-card.is-fresh.is-counter{animation:.48s cubic-bezier(.2,.8,.2,1) of-flip}.of-card--theirs.is-fresh.is-counter{transform-origin:0}.of-card--mine.is-fresh.is-counter{transform-origin:100%}.of-card--compact{transition:opacity .24s,filter .24s}.of-card.is-fresh .of-changed{animation:of-glow .9s var(--ease-out)}.of-card.is-celebrating .of-sealed{animation:of-in .42s .7s var(--ease-out) both}.of-card.is-celebrating.of-card--signed{animation:of-seal .9s .38s var(--ease-out) both}.of-signature.is-signing text{stroke-dasharray:600;animation:of-stroke .65s var(--ease-out) both, of-ink .22s .52s ease-out both}.of-signature.is-signing line{transform-box:fill-box;transform-origin:0;animation:of-underline .3s var(--ease-out) both}.of-step button:not(:disabled):active,.of-card .ac-btn:not(:disabled):active,.of-composer .co-pay:not(:disabled):active{transform:scale(.97)}}@keyframes of-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes of-flip{0%{opacity:0;transform:perspective(900px)rotateY(-80deg)}60%{opacity:1}to{transform:perspective(900px)rotateY(0)}}@keyframes of-seal{0%{transform:scale(1)}18%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes of-glow{0%{background:color-mix(in srgb, var(--lime) 35%, transparent)}}@keyframes of-stroke{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@keyframes of-ink{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes of-underline{0%{transform:scaleX(0)}}
.champ{z-index:2147483000;width:100vw;max-width:none;height:100vh;max-height:none;color:var(--text);pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:visible}.champ::backdrop{display:none}.champ *{pointer-events:none}.champ__canvas{width:100%;height:100%;position:absolute;inset:0}.champ__glow{opacity:0;background:radial-gradient(circle at var(--ox,50%) calc(var(--oy,70%) - 120px), #f7d77433, transparent 55%);position:absolute;inset:0}.champ__rig{left:calc(var(--ox,50vw) - 20px);top:calc(var(--oy,70vh) - 112px);opacity:0;transform-origin:50% 100%;filter:drop-shadow(0 10px 14px #00000059);width:40px;height:112px;position:absolute}.champ__bottle{display:block;overflow:visible}.champ__cork{width:18px;height:16px;position:absolute;top:-12px;left:11px}.champ__cork svg{display:block}.champ__caption,.champ__badge{left:clamp(9.5rem, var(--ox,50vw), calc(100vw - 9.5rem));top:max(1rem, calc(var(--oy,70vh) - 27rem));background:var(--panel,#1c1c1f);max-width:min(18rem,100vw - 2rem);color:var(--text);font-family:var(--display);letter-spacing:-.01em;text-align:center;opacity:0;border:1px solid #e2b246;border-radius:999px;margin:0;padding:.55rem .95rem;font-size:.98rem;font-weight:700;position:absolute;transform:translate(-50%);box-shadow:0 0 0 4px #e2b24629,0 14px 34px -14px #00000080}.champ__badge{display:none}@media (prefers-reduced-motion:no-preference){.champ__glow{animation:1.8s ease-out both champ-glow}.champ__caption{animation:1.8s cubic-bezier(.23,1,.32,1) both champ-caption}}@media (prefers-reduced-motion:reduce){.champ__rig,.champ__canvas,.champ__glow,.champ__caption{display:none}.champ__badge{top:max(1rem, calc(var(--oy,70vh) - 6rem));animation:1.8s both champ-fade;display:block}}@keyframes champ-glow{0%,20%{opacity:0}32%{opacity:1}to{opacity:0}}@keyframes champ-caption{0%,22%{opacity:0;transform:translate(-50%)translateY(10px)scale(.85)}32%{opacity:1;transform:translate(-50%)translateY(0)scale(1.05)}40%{transform:translate(-50%)scale(1)}84%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.98)}}@keyframes champ-fade{0%{opacity:0}15%,80%{opacity:1}to{opacity:0}}