.pay-split{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.pay-split-title{float:left;width:100%;font:700 11px / 1.2 var(--font-action);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 2px;padding:0}.pay-split-tabs{background:color-mix(in srgb, var(--bg) 70%, var(--surface));border-radius:14px;gap:6px;padding:4px;display:flex}.pay-split .pay-split-tab{min-height:48px;color:var(--muted);cursor:pointer;border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:13px;font-weight:500;transition:background-color .2s,box-shadow .2s,color .2s;display:flex;position:relative}.pay-split-tab svg{color:var(--khaki-ink);transition:color .2s,transform .2s cubic-bezier(.22,1,.36,1)}.pay-split-tab:not(.is-on):hover{background:color-mix(in srgb, var(--surface) 55%, transparent);color:var(--ink)}.pay-split-tab:not(.is-on):hover svg{color:var(--accent);transform:translateY(-1px)}.pay-split-tab:active svg{transform:scale(.94)}.pay-split-tab.is-on,.pay-split-thumb{background:var(--surface);border-radius:10px;box-shadow:0 1px 2px #2435301a,0 2px 8px #24353014}.pay-split-tab.is-on{color:var(--accent);font-weight:600}.pay-split-tabs[data-thumb] .pay-split-tab.is-on{box-shadow:none;background:0 0}.pay-split-tab.is-on svg{color:var(--accent)}.pay-split-tab input{opacity:0;pointer-events:none;position:absolute}.pay-split-tab:has(input:focus-visible){outline:2px solid var(--action);outline-offset:2px}.pay-split-breakdown{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 55%, var(--surface));border-radius:14px;gap:8px;padding:12px 16px;display:grid}.pay-split-row{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.pay-split-row>span:last-child{color:var(--ink);font-weight:600}.pay-split-row.is-quiet{font-size:12px}.pay-split-row.is-quiet>span:last-child{color:var(--muted);font-weight:400}.pay-split-row.is-coupon,.pay-split-row.is-coupon>span:last-child{color:color-mix(in srgb, #d9771f 80%, var(--ink));font-weight:600}.pay-split-row.is-coupon>span:first-child{align-items:center;gap:6px;display:inline-flex}.pay-split-row.is-total{border-top:1px dashed var(--border-strong);color:var(--ink);margin-top:6px;padding-top:14px}.pay-split-row.is-total>span{font:700 11px / 1.2 var(--font-action);letter-spacing:.12em;text-transform:uppercase}.pay-split-due{font:italic 400 28px / 1 var(--font-display);letter-spacing:-.02em;color:var(--accent)}.pay-split-warning{border:1px solid color-mix(in srgb, var(--action) 35%, var(--line));background:color-mix(in srgb, var(--action) 3%, var(--surface));border-radius:12px;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:12px 14px;display:grid}.pay-split-warning svg{color:var(--action);margin-top:1px}.pay-split-warning p{color:var(--action);margin:0;font-size:13px;line-height:1.5}.pay-split-warning strong{font-weight:700}.pay-split-note{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.pay-split[disabled] .pay-split-tab{cursor:default}.pay-split-status{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:12px;padding:16px 18px;display:grid}.pay-split-status header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pay-split-status h2{font:700 12px / 1.2 var(--font-action);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin:0}.pay-split-progress{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.pay-split-bar{background:var(--accent-soft);border-radius:999px;height:6px;display:block;overflow:hidden}.pay-split-bar>i{border-radius:inherit;background:var(--accent);height:100%;display:block}.pay-split-status ul{margin:0;padding:0;list-style:none;display:grid}.pay-split-status li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.pay-split-status li:last-child{border-bottom:0}.pay-split-who{gap:2px;display:grid}.pay-split-who strong{font-size:14px}.pay-split-who small{color:var(--muted);font-size:12px}.pay-split-status li[data-state=paid] .pay-split-who small{color:var(--accent)}.pay-split-actions{gap:4px;display:flex}.pay-split-icon,.pay-split-icon:hover,.pay-split-icon:active{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;min-height:44px;color:var(--accent);border-radius:10px;place-items:center;padding:0;display:inline-grid}.pay-split-icon:hover{border-color:var(--accent)}.pay-split-done{color:var(--accent)}.pay-split-copied{color:var(--accent);font-size:12px}@media (prefers-reduced-motion:reduce){.pay-split .pay-split-tab,.pay-split .pay-split-tab svg{transition:none}}.public-share{grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:start;gap:24px;width:100%;max-width:920px;margin:0 auto;display:grid}.public-share-card{color:#fdfcf6;background:linear-gradient(135deg,#243530,#2e433a 60%,#243530);border-radius:16px;gap:8px;padding:28px 28px 24px;display:grid;position:relative;overflow:hidden}.public-share-eyebrow{font:700 11px / 1.2 var(--font-action);letter-spacing:.14em;text-transform:uppercase;color:#dbe6dd}.public-courts-content .public-share-card h1{font:400 30px / 1.05 var(--font-display);color:#fdfcf6;margin:0}.public-courts-content .public-share-card p{margin:0}.public-share-meta{color:#e6ece4;font-size:13px}.public-share-when{color:#e6ece4;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:6px;font-size:14px;display:flex}.public-share-when span:first-letter{text-transform:uppercase}.public-share-when strong{font-variant-numeric:tabular-nums;color:#fdfcf6}.public-share-amount{border-top:1px dashed #fdfcf659;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;padding-top:14px;display:flex}.public-share-card .public-share-amount span{font:700 11px / 1.2 var(--font-action);letter-spacing:.12em;text-transform:uppercase;color:#dbe6dd}.public-share-amount strong{font:italic 400 34px / 1 var(--font-display);letter-spacing:-.02em}.public-share-side{gap:16px;display:grid}.public-share-pay{gap:12px;display:grid}.public-courts-content .public-share-done{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:12px;margin:0;padding:14px 16px;font-weight:700}@media (max-width:680px){.public-share{grid-template-columns:minmax(0,1fr);gap:16px}.public-share-card{padding:22px 20px 20px}.public-courts-content .public-share-card h1{font-size:24px}}.pay-split-tabs.is-billing .pay-split-thumb{background:var(--action);box-shadow:0 1px 2px #782d142e,0 2px 10px #782d1424}.pay-split-tabs.is-billing .pay-split-tab.is-on{color:var(--surface)}.pay-split-tabs.is-billing .pay-split-tab.is-on svg{color:currentColor}.pay-split-tabs.is-billing .pay-split-tab:not(.is-on):hover svg{color:var(--action)}.pay-split-status .public-share-players li{justify-content:flex-start;min-height:48px}.public-share-player-mark{border:1.5px dashed var(--border-strong);block-size:36px;inline-size:36px;color:var(--muted);font:700 12px / 1 var(--font-action);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.public-share-players li[data-state=claimed] .public-share-player-mark{border-style:solid;border-color:var(--accent);color:var(--accent)}.public-share-players li[data-state=paid] .public-share-player-mark{background:var(--accent-soft);color:var(--accent-dark);border:0;font-size:14px}.public-share-player-mark.has-photo{background:var(--surface)}.public-share-player-mark img{object-fit:cover;border-radius:50%;block-size:100%;inline-size:100%}.public-share-player-check{background:var(--action,#b54a29);color:#f6f5ec;block-size:17px;inline-size:17px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.public-share-players li[data-state=paid] .pay-split-who small{color:var(--accent);font-weight:600}.split-countdown{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.split-countdown svg{color:var(--action,#b54a29);flex:none}.split-countdown strong{color:var(--ink);font:700 15px / 1 var(--font-action);letter-spacing:.04em;font-variant-numeric:tabular-nums}.split-countdown.is-over{color:var(--action,#b54a29)}.public-share-you{background:var(--action,#b54a29);color:#f6f5ec;font:700 10px / 1 var(--font-action);letter-spacing:.14em;text-transform:uppercase;vertical-align:2px;border-radius:999px;align-items:center;margin-left:8px;padding:3px 8px 2px;display:inline-flex}.public-share-players li[data-yours] .public-share-player-mark{border-style:solid;border-color:var(--action,#b54a29);color:var(--action,#b54a29)}.public-share-players li[data-yours] .public-share-player-mark:after{content:"";border:2px solid var(--action,#b54a29);border-radius:50%;animation:1.8s cubic-bezier(.22,1,.36,1) infinite public-share-seat;position:absolute;inset:-5px}@keyframes public-share-seat{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.public-share-players li[data-yours] .public-share-player-mark:after{opacity:.5;animation:none}}@media (max-width:680px){.pay-split-status .public-share-players li{gap:14px;min-height:64px;padding:10px 0}.public-share-players .pay-split-who{gap:4px}}.split-seats{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:10px;margin:0;padding:18px 12px 16px;display:grid}.split-seats-caption{font:700 10px / 1.2 var(--font-action);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);justify-self:center}.split-seats-row{justify-content:space-between;align-items:flex-start;gap:6px;margin:0;padding:0;list-style:none;display:flex}.split-seats[data-count="2"] .split-seats-row{justify-content:center;gap:28px}.split-seat{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.split-seats[data-count="2"] .split-seat{flex:0 0 96px}.split-seat-circle{color:#f6f5ec;width:54px;height:54px;font:300 17px / 1 var(--font-body);background:#2e433a;border-radius:50%;place-items:center;margin-bottom:4px;display:grid;position:relative}.split-seat-circle img{object-fit:cover;border-radius:50%;width:100%;height:100%}.split-seat[data-state=open] .split-seat-circle,.split-seat[data-state=claimed] .split-seat-circle{border:1.5px dashed var(--border-strong);color:var(--muted);background:0 0}.split-seat[data-state=claimed] .split-seat-circle{border-style:solid;border-color:var(--action,#b54a29);color:var(--action,#b54a29)}.split-seat[data-state=you] .split-seat-circle{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--action,#b54a29)}.split-seat-check{background:var(--action,#b54a29);color:#f6f5ec;width:19px;height:19px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.split-seat-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink);font-size:13px;font-weight:300;overflow:hidden}.split-seat[data-state=open] .split-seat-name{color:var(--muted)}.split-seat-price{font:700 11px / 1 var(--font-action);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--muted)}.split-seat[data-state=you] .split-seat-price{color:var(--action,#b54a29)}.split-seat[data-state=paid] .split-seat-price{color:var(--accent)}.split-seats-vs{letter-spacing:.08em;color:var(--muted);flex:none;align-self:flex-start;padding-top:20px;font-size:11px;font-weight:300}@media (max-width:380px){.split-seat-circle{width:46px;height:46px}.split-seats-vs{padding-top:16px}}
