.reward-hero{position:relative;overflow:hidden;border-radius:22px;padding:23px 20px 20px;text-align:center;color:#fff6eb;background:radial-gradient(ellipse at 92% 0%,#ab5573 0,transparent 52%),linear-gradient(140deg,#5a1938,#271626 78%);border:1px solid #86455c;box-shadow:0 14px 30px #69294320}
.reward-hero .reward-eyebrow{margin:0 0 13px;font-size:12px;letter-spacing:.13em;font-weight:700;color:#ffdaae}.reward-hero h1{font-size:23px;letter-spacing:-.03em;margin:0 0 21px;line-height:1.3}.reward-cash-label{font-size:14px;letter-spacing:.09em;color:#ffdab1;font-weight:650}.reward-amount{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:800;font-size:clamp(64px,18vw,91px);line-height:1.08;letter-spacing:-.055em;color:#ffe0a6;margin:7px 0 15px;white-space:nowrap;text-shadow:0 3px 0 #ce866933}.reward-amount>span{font-size:.58em;vertical-align:12%;letter-spacing:-.02em;margin-right:4px}.reward-member{display:inline-block;padding:8px 17px;border:1px solid #f8d7a955;border-radius:30px;background:#fff3e211;font-size:15px;font-weight:700;color:#fff1dc}.reward-hero .reward-benefits{margin:15px 0 0;font-size:14px;color:#e9c4d1}.reward-terms{font-size:14px!important;line-height:1.55;color:#795968;margin:13px 2px 18px}.reward-membership .invitation-option{margin:0;padding:16px;background:#fff;border-color:#e6d3db}.reward-membership .invitation-option h2{font-size:19px}.reward-steps{display:flex;gap:8px;margin:14px 0 10px}.reward-step{height:35px;flex:1;display:grid;place-items:center;border-radius:9px;background:#f6ecef;color:#997480}.reward-step b{font-size:14px}.reward-step.complete{background:#f4dcea;color:#a02955}.reward-membership .invitation-meter{display:flex;gap:12px;align-items:center}.reward-membership .invitation-meter strong{font-size:15px;white-space:nowrap}.reward-membership .invitation-meter progress{flex:1;width:0;margin:0;height:7px;border:0;border-radius:10px;overflow:hidden;background:#f4e9ee}.invitation-meter progress::-webkit-progress-bar{background:#f4e9ee}.invitation-meter progress::-webkit-progress-value{background:#e74665;border-radius:10px}.reward-share{display:grid;gap:9px;margin-top:10px}.reward-share .journey-secondary{margin:0;border-color:#e3ccd5;font-weight:600}.whatsapp-share{display:flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:10px;border-radius:13px;background:#168c4b;color:white;font-size:14px;font-weight:650;text-decoration:none;text-align:center;line-height:1.4}.whatsapp-share img{flex:none;filter:brightness(0) invert(1)}.reward-membership .journey-person{padding:9px;margin:16px 0 0}.reward-membership .journey-person img{width:41px;height:52px}.reward-membership .journey-status:empty{display:none}.reward-membership .journey-status{margin:8px 0 0!important;min-height:0}.reward-membership .journey-link{margin-top:5px;color:#795568}.reward-membership .journey-link summary{min-height:36px}.reward-membership [data-journey=refresh-invites]{border:0;margin-top:6px;padding:8px;min-height:40px;font-size:13px}.reward-membership [data-journey=logout]{border:0;font-size:13px;color:#917684}.reward-member-status{border-radius:15px;background:#fff0f2;padding:15px}.bank-reward-total{font-size:64px;font-weight:750;color:#be305e;letter-spacing:-.05em;margin:20px 0}.bank-view .journey-intro{font-size:15px}.bank-view small{display:block;font-size:12px;font-weight:400;color:#806574;margin-top:6px}.bank-view .bank-consent{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:14px;line-height:1.5}.bank-view .bank-consent input{width:19px;height:19px;margin:2px 0 0;flex:none;accent-color:#e74665}.bank-view input[name=ifsc]{text-transform:uppercase}.bank-test-note{font-size:13px;color:#9d355b;background:#fff0f4;padding:10px;border-radius:10px}.reward-room-link{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff1df;border:1px solid #efd6b9;border-radius:10px;padding:10px 12px;margin:9px 0;font-size:13px;color:#82511f}.reward-room-link button{border:0;background:transparent;text-decoration:underline;font:inherit;color:inherit;min-height:32px}.poster-dialog{width:min(430px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:17px;border:0;border-radius:20px;background:#fffaf7;overflow:auto;color:#34242d}.poster-dialog::backdrop{background:#16091dc9}.poster-dialog header{display:flex;justify-content:space-between;align-items:center;gap:10px}.poster-dialog h2{font-size:19px}.poster-dialog img{display:block;width:100%;height:auto;border-radius:12px}.poster-dialog p{font-size:13px;line-height:1.5;color:#785d6b}.poster-actions{position:sticky;bottom:-17px;background:#fffaf7;padding:12px 0 5px;display:flex;gap:9px}.poster-actions button,.poster-actions a{flex:1;display:grid;place-items:center;min-height:46px;padding:8px;border:1px solid #dcafbf;border-radius:10px;font:inherit;font-size:14px;background:#fff;color:#953052;text-decoration:none}.poster-actions button{background:#e74665;color:#fff;border-color:#e74665}@media(max-width:350px){.reward-hero{padding:20px 12px 17px}.reward-hero h1{font-size:21px}.reward-amount{font-size:67px}.reward-membership .invitation-option{padding:13px}.reward-terms{font-size:14px!important}}@media(prefers-reduced-motion:no-preference){.reward-step{transition:background .25s,color .25s}}
.campaign-banner{flex-shrink:0;padding:11px 13px;margin:0 0 13px;border:1px solid #e7c2ab;border-radius:14px;background:linear-gradient(115deg,#fff0d3,#ffe8e8);color:#6e263d;text-align:left}
.poster-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.poster-actions .poster-whatsapp{display:flex;align-items:center;justify-content:center;gap:7px;background:#168c4b;border-color:#168c4b;color:#fff;font-weight:650;line-height:1.35;text-align:center;min-height:50px}
.poster-actions .poster-whatsapp img{width:21px;height:21px;flex:none;border-radius:0;filter:brightness(0) invert(1)}
.poster-actions .poster-whatsapp[aria-disabled=true]{opacity:.6;cursor:wait}
.poster-dialog .poster-share-hint{font-size:12px;line-height:1.5;color:#36744d}
.poster-actions p{grid-column:1/-1;margin:0;font-size:12px;line-height:1.4}
.poster-actions .poster-error:empty{display:none}
.reward-hero .reward-timing{margin:14px 0 0;font-size:14px;line-height:1.5;font-weight:650;color:#ffdcad}
.campaign-heading{display:flex;align-items:center;gap:12px}.campaign-heading>strong{font-size:34px;font-weight:800;line-height:1.05;letter-spacing:-1.5px;color:#a72d4d;white-space:nowrap}.campaign-heading>span{font-size:12px;line-height:1.4}.campaign-heading b{display:block;font-size:14px}.campaign-banner p{font-size:12px!important;line-height:1.5!important;margin:7px 0 0!important;color:#68404a}
.journey-dark .campaign-banner{background:linear-gradient(110deg,#432336,#2c202d);border-color:#bd8c663b;color:#ffdfb2}.journey-dark .campaign-heading>strong{color:#ffdaa0}.journey-dark .campaign-banner p{color:#efdadf}
.discover{overflow-y:auto;overscroll-behavior:contain}.discover>.campaign-banner{margin:0 7px 11px}.discover .deck{flex:0 0 auto;width:calc(100% - 4px);aspect-ratio:3/4;min-height:0;max-height:none;margin-bottom:10px}.discover .profile-photo:not([data-portrait]) img{object-position:50% 0%}.single-question .campaign-banner{margin-top:0}.guide-content>.campaign-banner{margin-bottom:10px}
.discover .profile-copy{bottom:100px;padding:16px 20px 12px}
.discover .photo-shade{background:linear-gradient(180deg,transparent 32%,#20141618 43%,#201416b8 68%,#201416eb 100%)}
.discover .deck-actions{position:absolute;inset:auto 0 0;z-index:3;padding:0 12px 12px;border-radius:0 0 25px 25px}
.discover .action-row{gap:23px}.discover .round-action{width:52px;height:52px;box-shadow:0 3px 14px #130a1740}.discover .round-action.undo{width:44px;height:44px;background:#fff7f0;color:#80675d}.discover .round-action:disabled{opacity:.55}.discover .round-action.like-action{width:60px;height:60px;box-shadow:0 4px 18px #e83c6555}.discover .round-action:focus-visible{outline:3px solid white;outline-offset:3px}
.discover .swipe-directions{margin:8px 0 0;gap:23px;color:#fff1e7;font-size:11px;line-height:16px}.discover .swipe-directions svg{width:12px;height:12px}
@media(max-width:350px){.discover .profile-copy{padding-inline:14px}.discover .profile-copy h2{font-size:25px}.discover .profile-tags{gap:5px}.discover .profile-tags span{padding:5px 8px;font-size:11px}}
.campaign-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.campaign-heading>strong{font-size:clamp(28px,8vw,34px)}.campaign-invite{min-height:44px;max-width:86px;padding:8px 9px;border:0;border-radius:10px;background:#bd3157;color:#fff;font-size:14px;line-height:1.3;font-weight:700;text-align:center;box-shadow:0 4px 12px #ac274521}.campaign-invite:active{transform:translateY(1px)}.campaign-invite:disabled{opacity:.65;cursor:wait}.campaign-invite:focus-visible{outline:2px solid #9f234b;outline-offset:3px}
.browser-guide .campaign-heading{display:flex;gap:12px}.browser-guide .campaign-heading>strong{font-size:34px}
@media(max-width:440px){.campaign-heading{grid-template-columns:auto minmax(0,1fr);column-gap:12px}.campaign-heading>span{min-width:0}.campaign-invite{grid-column:1/-1;max-width:none;width:100%;min-height:40px}.browser-guide .campaign-heading>span{flex:1}}

/* The browsing card uses the space left by the header, rather than a fixed photo ratio. */
.discover[data-screen=discover]{overflow:hidden;padding:0 12px calc(18px + env(safe-area-inset-bottom,0px));gap:6px}
.discover[data-screen=discover]>.campaign-banner{margin:0 2px;padding:8px 11px;border-radius:13px}
.discover[data-screen=discover] .campaign-heading{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"amount invite" "label invite";column-gap:9px;row-gap:2px}
.discover[data-screen=discover] .campaign-heading>strong{grid-area:amount;font-size:28px;letter-spacing:-1px}
.discover[data-screen=discover] .campaign-heading>span{grid-area:label;font-size:11px;line-height:1.35}
.discover[data-screen=discover] .campaign-heading b{display:inline;font-size:11px;margin-left:5px}
.discover[data-screen=discover] .campaign-invite{grid-area:invite;width:auto;min-height:44px;max-width:108px;padding:8px 10px;font-size:13px}
.discover[data-screen=discover] .campaign-banner p{font-size:11px!important;line-height:1.4!important;margin-top:5px!important}
.discover[data-screen=discover] .discover-top{padding:0 4px;gap:8px}
.discover[data-screen=discover] .tab{font-size:17px;min-height:44px}
.discover[data-screen=discover] .icon-btn{width:44px;height:44px}
.discover[data-screen=discover] .browse-quota{margin:0 2px;padding:4px 10px;min-height:26px;border-radius:8px;line-height:18px}
.discover[data-screen=discover] .browse-quota strong{font-size:12px}
.discover[data-screen=discover] .browse-quota svg{width:18px;height:18px}
.discover[data-screen=discover] .deck{flex:1 1 0;aspect-ratio:auto;min-height:0;max-height:none;width:100%;margin:0;container-type:size;container-name:koi-card}
.discover[data-screen=discover] .card-under{inset:4px 8px -3px;transform:rotate(1deg)}
.in-discovery .app-header{padding:calc(7px + env(safe-area-inset-top,0px)) 16px 5px;min-height:56px;column-gap:8px}
.in-discovery .wordmark{font-size:36px;letter-spacing:-3px}
.in-discovery .wordmark span{font-size:22px;margin-left:4px}
.in-discovery .header-right{flex-wrap:nowrap;min-width:0;max-width:none;gap:5px}
.in-discovery .header-right .preview-badge{display:none}
.in-discovery .header-right .music-toggle{width:36px;height:36px}
.in-discovery .header-right [data-flow-test-reset]{font-size:11px;min-height:36px;padding:6px;max-width:110px}
.in-discovery .language-button{font-size:12px;gap:4px;padding-left:0;white-space:nowrap}
.in-discovery .language-menu{top:54px}
@media(min-width:901px){.in-discovery .workspace{height:100dvh;min-height:0;padding-block:20px}.in-discovery .phone-app{min-height:0;max-height:calc(100dvh - 40px)}}
@container koi-card (max-height:410px){
 .discover .profile-copy{bottom:84px;padding:10px 16px 8px}
 .discover .shared{display:none}
 .discover .profile-copy h2{font-size:25px;line-height:1.12;margin-bottom:5px}
 .discover .profile-copy h2 span{font-size:22px}
 .discover .profile-location{font-size:12px;line-height:1.3;margin-bottom:6px}
 .discover .profile-tags{flex-wrap:nowrap;overflow:hidden;gap:5px}
 .discover .profile-tags span{padding:4px 7px;font-size:11px;white-space:nowrap}
 .discover .deck-actions{padding:0 10px 9px}
 .discover .round-action{width:48px;height:48px}
 .discover .round-action.like-action{width:54px;height:54px}
 .discover .swipe-directions{margin-top:5px;gap:16px;font-size:10px;line-height:14px}
}
@container koi-card (max-height:340px){
 .discover .profile-tags{display:none}
 .discover .profile-copy h2{font-size:23px}
 .discover .profile-location{margin-bottom:0}
 .discover .profile-intent-badge{top:10px;left:10px}
 .discover .card-info-button{top:8px;right:10px}
}