.dating{gap:16px;width:min(100%,520px);margin:0 auto;display:grid}.dating-head h1{margin:0 0 6px;font-size:clamp(1.5rem,6vw,2rem)}.dating-head p{color:var(--color-muted-strong);margin:0;line-height:1.45}@media (max-width:639px){.dating-head p span{display:none}}.swipe{outline:none;gap:14px;display:grid;position:relative}.swipe-stack{height:clamp(320px, calc(100dvh - 460px - var(--site-tab-bar-offset,0px)), 600px);position:relative}.swipe.has-after .swipe-stack{height:clamp(300px, calc(100dvh - 520px - var(--site-tab-bar-offset,0px)), 560px)}.swipe-after{box-sizing:border-box;border:1px solid var(--theme-line);border-radius:var(--radius-xl);background:var(--theme-panel);grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:68px;margin:0;padding:10px 12px 10px 10px;animation:.26s cubic-bezier(.2,.8,.3,1) both swipe-after-in;display:grid;box-shadow:0 10px 24px -18px #0a143273}.swipe-after[data-liked]{background:linear-gradient(90deg, color-mix(in srgb, #ff4e8a 9%, var(--theme-panel)), var(--theme-panel) 46%)}.swipe-after.is-hint{box-shadow:none;color:var(--theme-muted);background:0 0;border-style:dashed;justify-content:center;align-items:center;gap:10px;padding-inline:16px;font-size:.8125rem;line-height:1.35;animation:none;display:flex}.swipe-after-hint-icons{color:var(--theme-muted);flex:none;gap:2px;display:inline-flex}.swipe-after-cover{width:48px;height:48px;position:relative}.swipe-after-cover img{border-radius:var(--radius-md);object-fit:contain;background:#fff;width:100%;height:100%}.swipe-after-mark{border:2px solid var(--theme-panel);background:var(--theme-muted);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-5px;right:-5px}.swipe-after[data-liked] .swipe-after-mark{background:linear-gradient(135deg,#ff4e8a,#e5484d)}.swipe-after-mark svg{fill:currentColor;width:12px;height:12px}.swipe-after-name{min-width:0;line-height:1.2;display:grid}.swipe-after-name small{color:var(--theme-muted);font-size:.75rem;font-weight:700}.swipe-after[data-liked] .swipe-after-name small{color:color-mix(in srgb, #ff4e8a 62%, var(--theme-text))}.swipe-after-name b{color:var(--theme-text);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.swipe-after-rate{border-radius:var(--radius-pill);background:var(--brand-blue);color:#fff;white-space:nowrap;min-height:44px;transition:background-color var(--motion-fast) ease-out;align-items:center;gap:6px;padding:0 16px 0 13px;font-size:.875rem;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.swipe-after-rate:hover{background:color-mix(in srgb, var(--brand-blue) 86%, #000)}.swipe-after-rate svg{color:#ffd34d}.swipe-after-xp{border:2px solid var(--theme-panel);border-radius:var(--radius-pill);color:#3b2a00;background:#ffd34d;padding:2px 6px;font-size:.625rem;font-weight:900;line-height:1.2;position:absolute;top:-9px;right:-4px}.swipe-after-favorite{border:1px solid var(--theme-line);background:var(--theme-panel);color:#e5484d;cursor:pointer;width:44px;height:44px;transition:background-color var(--motion-fast) ease-out, scale var(--motion-fast) ease-out;border-radius:50%;place-items:center;padding:0;display:grid}.swipe-after-favorite svg{fill:none;stroke:currentColor;stroke-width:2px}.swipe-after-favorite[aria-pressed=true]{background:color-mix(in srgb, #e5484d 14%, var(--theme-panel));border-color:#0000}.swipe-after-favorite[aria-pressed=true] svg{fill:currentColor;animation:.32s cubic-bezier(.2,.9,.3,1.4) swipe-heart-pop}.swipe-after-favorite:disabled{opacity:.6;cursor:wait}:is(.swipe-after-rate,.swipe-after-favorite):focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@keyframes swipe-after-in{0%{opacity:0;translate:0 8px}}@keyframes swipe-heart-pop{40%{scale:1.3}}@media (prefers-reduced-motion:reduce){.swipe-after,.swipe-after-favorite[aria-pressed=true] svg{animation:none}}@media (max-width:359px){.swipe-after{grid-template-columns:44px minmax(0,1fr) auto auto;gap:8px}.swipe-after-rate{padding-inline:11px 13px}}.swipe-card.is-person{background:var(--theme-panel);container-type:size}.swipe-person-banner{background:linear-gradient(135deg, var(--brand-blue), #4b95ff 58%, #9cc8ff);flex:0 0 32%;position:relative;overflow:hidden}.swipe-person-banner:after{content:"";background:radial-gradient(120% 90% at 85% 0,#ffffff47,#0000 55%);position:absolute;inset:0}.swipe-person-banner img{object-fit:cover;pointer-events:none;width:100%;height:100%}.swipe-person-avatar{z-index:1;border-radius:50%;flex:none;align-self:center;width:104px;height:104px;margin-top:-54px;position:relative}.swipe-person-avatar>img,.swipe-person-avatar>b{width:100%;height:100%;box-shadow:0 0 0 5px var(--theme-panel), 0 12px 26px -12px #0a14328c;object-fit:cover;pointer-events:none;border-radius:50%;display:block}.swipe-person-avatar>b{background:var(--brand-blue);color:#fff;place-items:center;font-size:2.5rem;font-weight:900;display:grid}.swipe-person-level{z-index:3;position:absolute;bottom:-2px;right:-10px}.swipe-person-avatar:has(.avatar-frame-heavy){margin-bottom:20px}.swipe-person-body{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;min-height:0;padding:12px 18px 16px;display:flex;overflow:hidden}.swipe-person-reason{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 12px;font-size:.8125rem;font-weight:800;display:inline-flex}.swipe-person-reason.is-taste{background:color-mix(in srgb, #ff4e8a 14%, var(--theme-panel));color:color-mix(in srgb, #ff4e8a 62%, var(--theme-text))}.swipe-person-reason.is-active{background:var(--theme-tint);color:var(--theme-link)}.swipe-person-body h2{overflow-wrap:anywhere;align-items:center;gap:6px;max-width:100%;margin:2px 0 0;font-size:1.5rem;line-height:1.15;display:inline-flex}.swipe-person-handle{color:var(--theme-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin:0;font-size:.875rem;font-weight:700;display:flex}.swipe-person-bio{max-width:34ch;color:var(--theme-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9375rem;line-height:1.35;display:-webkit-box;overflow:hidden}.swipe-person-shared{align-items:center;gap:10px;display:flex}.swipe-person-shared ul{margin:0;padding:0 0 0 10px;list-style:none;display:flex}.swipe-person-shared li{border:2px solid var(--theme-panel);border-radius:var(--radius-md);text-align:center;background:#fff;place-items:center;width:42px;height:42px;margin-left:-10px;font-size:.5625rem;display:grid;overflow:hidden;box-shadow:0 6px 14px -8px #0a143273}.swipe-person-shared li:first-child{rotate:-7deg}.swipe-person-shared li:nth-child(3){rotate:7deg}.swipe-person-shared img{object-fit:contain;pointer-events:none;width:100%;height:100%}.swipe-person-shared>span{color:var(--theme-muted);font-size:.8125rem;font-weight:700}.swipe-person-stats{color:var(--theme-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;margin:auto 0 0;font-size:.8125rem;display:flex}.swipe-person-stats b{color:var(--theme-text);font-variant-numeric:tabular-nums;font-weight:800}.swipe-person-stats .swipe-more{margin-top:0}@container (max-height:440px){.swipe-person-banner{flex-basis:26%}.swipe-person-avatar{width:88px;height:88px;margin-top:-46px}.swipe-person-bio{-webkit-line-clamp:1}.swipe-person-body{gap:4px;padding-top:8px}}@container (max-height:360px){.swipe-person-bio{display:none}.swipe-person-body h2{font-size:1.25rem}}.swipe-card{background:var(--theme-panel);box-shadow:0 18px 40px -20px #0a143273, 0 0 0 1px var(--theme-line);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:28px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.swipe-card[data-depth="1"]{opacity:.9;transform:translateY(14px)scale(.95)}.swipe-card[data-depth="2"]{opacity:.6;transform:translateY(28px)scale(.9)}.swipe-card.is-top{z-index:2;cursor:grab;transform:translateX(var(--dx,0)) rotate(var(--rot,0deg))}.swipe-card.is-top:active{cursor:grabbing}.swipe-card.is-resting,.swipe-card.is-leaving{transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .26s ease-out}.swipe-card.is-leaving{opacity:0}.swipe-cover{background:#fff;flex:1;min-height:0;position:relative}.swipe-cover img{object-fit:contain;mix-blend-mode:multiply;pointer-events:none;width:78%;height:calc(100% - 32px);position:absolute;top:16px;left:11%}:is(.swipe-cover,.dating-match-cover)[data-backdrop] img{mix-blend-mode:normal}.swipe-copy{gap:4px;padding:16px 20px 20px;display:grid}.swipe-copy small{color:var(--color-muted-strong);letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.swipe-copy h2{overflow-wrap:anywhere;margin:0;font-size:1.625rem;line-height:1.15}.swipe-facts{flex-wrap:wrap;gap:6px;margin:6px 0 0;display:flex}.swipe-facts span{border-radius:var(--radius-pill);background:var(--color-subtle);color:var(--color-ink);font-variant-numeric:tabular-nums;padding:5px 10px;font-size:.8125rem;font-weight:700}.swipe-facts .is-price{background:var(--color-brand);color:#fff}.swipe-reason{color:var(--color-muted-strong);margin:4px 0 0;font-size:.875rem;line-height:1.4}.swipe-more{border-radius:var(--radius-pill);background:var(--theme-subtle);width:fit-content;min-height:36px;color:var(--theme-text);transition:background-color var(--motion-fast) ease-out;justify-self:start;align-items:center;gap:6px;margin-top:6px;padding:0 14px 0 11px;font-size:.8125rem;font-weight:800;text-decoration:none;display:inline-flex}.swipe-more:hover{background:var(--theme-tint)}.swipe-more svg{color:var(--theme-muted)}.swipe-more:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.swipe-stamp{z-index:3;border-radius:var(--radius-md);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;border:4px solid;padding:6px 14px;font-size:1.5rem;font-weight:900;position:absolute;top:26px}.swipe-stamp.is-like{color:#16a34a;opacity:var(--like,0);left:22px;rotate:-14deg}.swipe-stamp.is-skip{color:#e5484d;opacity:var(--skip,0);right:22px;rotate:14deg}.swipe-empty{border:2px dashed var(--theme-line);text-align:center;border-radius:28px;place-content:center;gap:10px;height:100%;padding:24px;display:grid}.swipe-empty strong{font-size:1.375rem}.swipe-empty p{color:var(--color-muted-strong);margin:0;line-height:1.45}.swipe-empty .community-button{justify-self:center}.swipe-actions{justify-content:center;align-items:center;gap:22px;display:flex}.swipe-button{background:var(--theme-panel);width:68px;height:68px;box-shadow:0 10px 24px -10px #0a143273, 0 0 0 1px var(--theme-line);cursor:pointer;transition:transform var(--motion-fast) ease-out;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.swipe-button:active:not(:disabled){transform:scale(.92)}.swipe-button:disabled{opacity:.4;cursor:default}.swipe-button.is-skip{color:#e5484d}.swipe-button.is-like{color:#fff;background:linear-gradient(135deg,#ff4e8a,#e5484d);box-shadow:0 12px 26px -10px #e5484db3}.swipe-button.is-undo{width:48px;height:48px;color:var(--color-muted-strong)}.swipe-notice{z-index:5;background:var(--color-ink);width:max-content;max-width:calc(100% - 24px);color:var(--color-surface);text-align:center;border-radius:18px;margin:0;padding:10px 16px;font-weight:700;line-height:1.35;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px -12px #00000080}.swipe-notice a{color:inherit}.swipe-notice.is-match{color:#fff;background:linear-gradient(135deg,#ff4e8a,#8b5cf6);animation:.42s cubic-bezier(.2,.9,.3,1.4) swipe-pop}@keyframes swipe-pop{0%{opacity:0;transform:translate(-50%)scale(.7)}}.dating-matches h2{margin:0 0 10px;font-size:1.25rem}.dating-matches ul{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.dating-matches a{color:inherit;gap:2px;text-decoration:none;display:grid}.dating-match-cover{aspect-ratio:1;border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--theme-line);background:#fff;place-items:center;margin-bottom:4px;display:grid;position:relative}.dating-match-cover img{object-fit:contain;mix-blend-mode:multiply;width:80%;height:80%;margin:auto;position:absolute;inset:0}.dating-matches strong{font-size:.8125rem}.dating-matches a>span:last-child{color:var(--color-muted-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.swipe-xp{z-index:4;border-radius:var(--radius-pill);background:var(--color-brand);color:#fff;pointer-events:none;padding:4px 10px;font-size:.875rem;font-weight:800;animation:1.2s ease-out forwards swipe-xp;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes swipe-xp{0%{opacity:0;translate:0 10px}20%{opacity:1;translate:0}70%{opacity:1}to{opacity:0;translate:0 -24px}}.dating-rewards{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.dating-reward{border-radius:var(--radius-lg);background:var(--color-subtle);align-content:start;gap:6px;min-width:0;padding:10px 12px;display:grid}.dating-reward-title{white-space:nowrap;align-items:center;gap:8px;min-height:26px;font-size:.875rem;font-weight:800;display:flex}.dating-reward-icon{background:var(--color-brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.dating-reward small{color:var(--color-muted-strong);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.dating-reward-bar{border-radius:var(--radius-pill);background:var(--color-control);height:6px;display:block;overflow:hidden}.dating-reward-bar>span{border-radius:inherit;background:var(--color-brand);height:100%;transition:width .3s ease-out;display:block}.dating-reward.is-tag .dating-reward-bar>span{background:#e5487f}.swipe-notice .tag-wave{vertical-align:middle}@media (prefers-reduced-motion:reduce){.swipe-card.is-resting,.swipe-card.is-leaving,.swipe-button{transition:none}.swipe-notice.is-match,.swipe-xp{animation:none}.dating-reward-bar>span{transition:none}}.taste-end{gap:14px;display:grid}.taste-bento{--bento-line:#6e96ff33;--bento-ink:#04060d;background:var(--bento-ink);color:#fff;border-radius:30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;display:grid;box-shadow:0 24px 50px -24px #002878b3}.bento-tile{border:1px solid var(--bento-line);isolation:isolate;background:radial-gradient(120% 90% at 100% 0,#006eff3d,#0000 60%),#070b17;border-radius:22px;align-content:start;gap:8px;min-width:0;padding:16px;display:grid;position:relative;overflow:hidden}.bento-tile[data-span="2"]{grid-column:1/-1}.bento-kicker{color:#8fb2ff;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:.75rem;font-weight:800;display:flex}.bento-mark{background:#fff;width:22px;height:18px;-webkit-mask:url(/brand/logo-mark.svg) 50%/contain no-repeat;mask:url(/brand/logo-mark.svg) 50%/contain no-repeat}.bento-hero{background:radial-gradient(85% 75% at 50% 125%,#2e86ff,#005ae673 45%,#0000 75%),#05070f;grid-column:1/-1;align-content:space-between;min-height:210px}.bento-hero h2{color:#fff;overflow-wrap:anywhere;margin:0;font-size:clamp(2.5rem,13vw,3.5rem);font-weight:900;line-height:.95}.bento-hero p{color:#d5e1ff;margin:4px 0 0;font-size:1rem;line-height:1.4}.taste-bento.is-loading{grid-template-columns:1fr}.taste-bento.is-loading strong{opacity:.7;font-size:1.75rem}.bento-loves{background:radial-gradient(90% 130% at 0 100%,#006eff73,#0000 62%),#060a16;grid-column:1/-1;min-height:132px}.bento-loves ul,.bento-avoids ul{flex-wrap:wrap;align-items:center;gap:10px 8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.bento-loves li{border-radius:var(--radius-pill);border:2px solid #3d8bff;padding:8px 16px;font-size:1.25rem;font-weight:800;line-height:1.2;rotate:2deg}.bento-loves li[data-pos="0"]{color:#06102a;background:#fff;border-color:#fff;rotate:-4deg}.bento-loves li[data-pos="2"]{rotate:-2deg}.bento-avoids li{border-radius:var(--radius-pill);color:#b8c6ea;border:1px solid #ffffff38;padding:6px 12px;font-size:.9375rem;font-weight:700;-webkit-text-decoration:line-through #ffffff73;text-decoration:line-through #ffffff73}.bento-cans{background:radial-gradient(65% 50% at 50% 66%,#006effb3,#0000 72%),#05070f;grid-row:span 2;grid-template-rows:auto minmax(0,1fr);min-height:236px}.bento-cans ul{margin:0;padding:0;list-style:none;position:relative}.bento-cans li{width:48%;height:88%;position:absolute;bottom:4px;left:50%;translate:-50%}.bento-cans li[data-pos="1"]{z-index:-1;translate:-100%;rotate:-12deg;scale:.78}.bento-cans li[data-pos="2"]{z-index:-1;translate:0;rotate:12deg;scale:.78}.bento-cans img{object-fit:contain;filter:drop-shadow(0 10px 14px #0000008c);width:100%;height:100%;display:block}.bento-cans img[data-plain]{box-sizing:border-box;background:#fff;border-radius:14px;height:auto;max-height:100%;padding:6px}.bento-stat{align-content:space-between;min-height:112px}.bento-stat strong{color:#fff;overflow-wrap:anywhere;font-size:1.5rem;font-weight:900;line-height:1.1}.bento-count{background:radial-gradient(100% 100% at 100% 100%,#006eff59,#0000 65%),#070b17}.bento-count strong{font-size:2.75rem;line-height:1}.bento-count span{color:#a9bcef;font-size:.8125rem;font-weight:600}.taste-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.taste-actions .community-button{justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin:0;display:inline-flex}.taste-empty{height:auto;min-height:260px}.taste-empty .taste-more{width:auto}.taste-match{background:var(--theme-panel);box-shadow:0 0 0 1px var(--theme-line);border-radius:22px;gap:10px;padding:14px;display:grid}.taste-match h3{color:var(--color-muted-strong);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:800}.taste-match-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.taste-match-person{min-width:0;color:inherit;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;text-decoration:none;display:grid}.taste-match-avatar{background:var(--color-brand);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:900;display:grid;overflow:hidden}.taste-match-avatar img{object-fit:cover;width:100%;height:100%}.taste-match-text{min-width:0;display:grid}.taste-match-text strong{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.taste-match-text small{color:var(--color-muted-strong);font-size:.8125rem}.taste-match-follow{border-radius:var(--radius-pill);background:var(--color-brand);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;align-items:center;padding:0 16px;font-size:.9375rem;font-weight:800;text-decoration:none;display:inline-flex}.taste-match-follow.is-done{background:var(--color-subtle);color:var(--color-ink)}.taste-match-follow:disabled{opacity:.6;cursor:default}.taste-match-drinks{gap:8px;margin:0;padding:0;list-style:none;display:flex}.taste-match-drinks li{border-radius:var(--radius-md);background:var(--color-subtle);width:56px;height:56px;overflow:hidden}.taste-match-drinks img{object-fit:contain;width:100%;height:100%}.taste-match-drinks span{padding:4px;font-size:.625rem;line-height:1.2;display:block}.swipe-promo{z-index:3;position:absolute;top:14px;left:14px}.swipe-cover>.swipe-marking{z-index:2;color:#3b4049;background:#ffffffe6;border-radius:8px;padding:4px 8px;font-size:.625rem;line-height:1.3;display:block;position:absolute;bottom:8px;left:10px;right:10px}