.demo{--app-red: #930202;--app-pink: #feb5cf;--app-pink-bg: #fff8fa;--app-bg: #ffffff;--app-surface: #f5f5f5;--app-ink: #0e0e0e;--app-ink-2: #6d6d6d;--app-ink-3: #a7a7a7;--app-border: #e9e9e9;--app-sans: var(--font-outfit, ui-sans-serif, system-ui, sans-serif);--app-serif: var(--font-fraunces, Georgia, ui-serif, serif);display:flex;justify-content:center;width:100%}.demo-shell{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.demo-phone{position:relative;width:340px;max-width:100%;height:auto;aspect-ratio:340 / 720;border-radius:2.75rem;background:var(--app-bg);color:var(--app-ink);font-family:var(--app-sans);box-shadow:0 0 0 9px #101012,0 0 0 10px #00000040,0 34px 80px -30px #0000008c;overflow:hidden;user-select:none}.demo-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:130px;height:26px;background:#101012;border-radius:0 0 16px 16px;z-index:30}.demo-statusbar{position:absolute;top:0;inset-inline:0;height:46px;display:flex;align-items:center;justify-content:space-between;padding:14px 24px 0;font-size:13px;font-weight:600;color:var(--app-ink);z-index:20}.demo-sb-right{display:inline-flex;align-items:center;gap:6px}.demo-sig{width:17px;height:11px;background:var(--app-ink);clip-path:polygon(0 70%,22% 70%,22% 100%,0 100%,26% 100%,26% 45%,48% 45%,48% 100%,52% 100%,52% 22%,74% 22%,74% 100%,78% 100%,78% 0,100% 0,100% 100%,0 100%)}.demo-bat{width:22px;height:11px;border:1.5px solid var(--app-ink);border-radius:3px;position:relative}.demo-bat:after{content:"";position:absolute;inset:1.5px;background:var(--app-ink);border-radius:1px}.demo-screens{position:absolute;inset:46px 0 0}.demo-screen{position:absolute;inset:0;display:flex;flex-direction:column}.demo-screen[hidden]{display:none}.demo-i{width:20px;height:20px;flex:none}.demo-appbar{display:flex;align-items:center;flex:none;padding:6px 14px;gap:8px}.demo-appbar--discover{justify-content:space-between}.demo-brand-logo{height:18px;width:auto}.demo-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--app-ink);cursor:pointer;border-radius:999px}.demo-iconbtn svg{width:22px;height:22px}.demo-iconbtn--ghost{color:var(--app-ink);cursor:default}.demo-appbar--prefs{gap:12px;padding:6px 14px 2px}.demo-progress{display:flex;align-items:center;gap:5px;flex:1}.demo-seg{height:5px;border-radius:999px;background:var(--app-red)}.demo-seg--part{background:linear-gradient(to right,var(--app-red) 100%,var(--app-border) 0)}.demo-seg--off{background:var(--app-border)}.demo-seg-heart{color:var(--app-border);font-size:13px;line-height:1}.demo-prefs-body{flex:1;overflow-y:auto;position:relative;padding-top:30px}.demo-pad{padding:6px 22px 22px}.demo-h1{font-family:var(--app-serif);font-size:29px;font-weight:600;letter-spacing:-.5px;line-height:1.08;color:var(--app-ink);margin-top:6px}.demo-sub{color:var(--app-ink-3);font-size:14px;line-height:1.45;margin-top:10px}.demo-pref-sec{padding:18px 0}.demo-pref-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.demo-pref-title{font-size:18px;font-weight:600;color:var(--app-ink)}.demo-opentoall{display:inline-flex;align-items:center;gap:8px;border:none;background:none;cursor:pointer;font-size:13px;color:var(--app-ink-2);font-family:inherit}.demo-radio{width:20px;height:20px;border-radius:999px;border:1.5px solid var(--app-ink-3);position:relative}.demo-opentoall.is-on .demo-radio{border-color:var(--app-red)}.demo-opentoall.is-on .demo-radio:after{content:"";position:absolute;inset:3px;border-radius:999px;background:var(--app-red)}.demo-divider{height:1px;background:var(--app-border)}.demo-chips{display:flex;flex-wrap:wrap;gap:8px}.demo-chip{font-family:inherit;font-size:15px;padding:8px 16px;border-radius:999px;border:none;background:var(--app-surface);color:var(--app-ink);cursor:pointer;transition:background .15s}.demo-chip.is-on{background:var(--app-pink)}.demo-range{margin-top:4px}.demo-range-labels{display:flex;justify-content:space-between;font-size:14px;color:var(--app-ink-2);margin-bottom:10px}.demo-range-labels--end{justify-content:flex-end;font-weight:600;color:var(--app-ink)}.demo-range-track{position:relative;height:24px}.demo-range-track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:999px;background:var(--app-border)}.demo-range-fill{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:999px;background:var(--app-pink)}.demo-range-track input[type=range]{position:absolute;inset:0;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.demo-range-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:28px;height:24px;border-radius:999px;background:#fff;box-shadow:0 2px 13px #0000002e,0 1px 4px #0000001f;cursor:grab}.demo-range-track input[type=range]::-moz-range-thumb{pointer-events:auto;width:28px;height:24px;border:none;border-radius:999px;background:#fff;box-shadow:0 2px 13px #0000002e,0 1px 4px #0000001f;cursor:grab}.demo-range-track input[type=range]::-moz-range-track{background:none}.demo-prefs-spacer{height:64px}.demo-fab{position:absolute;right:13px;bottom:16px;width:52px;height:52px;border-radius:999px;border:none;background:var(--app-border);color:var(--app-ink-3);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 8px 20px -8px #0000004d}.demo-fab.is-active{background:var(--app-ink);color:#fff}.demo-fab svg{width:22px;height:22px}.demo-profile{flex:1;overflow-y:auto;padding:0 16px 24px;display:block}.demo-profile>*+*{margin-top:12px}.demo-photo{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:24px;overflow:hidden;background:var(--app-surface);box-shadow:0 8px 24px -12px #00000059;touch-action:pan-y}[data-demo-swipe]{transition:transform .3s cubic-bezier(.22,1,.36,1);cursor:grab;touch-action:pan-y}.demo-photo img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.demo-photo-grad{position:absolute;inset-inline:0;bottom:0;height:112px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.demo-photo-name{position:absolute;left:16px;bottom:16px;font-family:var(--app-serif);font-size:28px;font-weight:600;letter-spacing:-.5px;color:#fff}.demo-photo-name span{font-weight:400}.demo-like{position:absolute;width:48px;height:48px;border-radius:999px;background:#fff;border:none;color:var(--app-red);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -6px #0000004d;transition:transform .12s}.demo-like:active{transform:scale(.9)}.demo-like svg{width:32px;height:32px}.demo-like--photo,.demo-like--card{right:16px;bottom:16px}.demo-swipe-fx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:6}.demo-swipe-fx-icon{position:absolute;width:96px;height:96px;border-radius:999px;background:#fffffff2;box-shadow:0 12px 32px -8px #0000004d;display:flex;align-items:center;justify-content:center;opacity:0}.demo-swipe-fx-icon svg{width:52px;height:52px}.demo-swipe-fx-like{color:var(--app-red);opacity:var(--like, 0);transform:scale(calc(.6 + var(--like, 0) * .4))}.demo-swipe-fx-nope{color:var(--app-ink);opacity:var(--nope, 0);transform:scale(calc(.6 + var(--nope, 0) * .4))}.demo-prompt{position:relative;background:#fff;border:1px solid var(--app-border);border-radius:24px;padding:20px 24px 64px;box-shadow:0 6px 18px -12px #0000004d}.demo-quote{font-family:var(--app-serif);font-size:52px;line-height:.6;color:var(--app-border);height:26px}.demo-prompt-q{font-size:15px;color:var(--app-ink);margin-top:8px}.demo-prompt-a{font-family:var(--app-serif);font-size:21px;font-weight:600;letter-spacing:-.6px;color:var(--app-ink);margin-top:12px;line-height:1.2}.demo-sec{padding:8px 4px}.demo-sec-title{font-family:var(--app-serif);font-size:22px;font-weight:600;letter-spacing:-.5px;color:var(--app-ink);margin-bottom:14px}.demo-row{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.35;color:var(--app-ink);padding:7px 0}.demo-row-i{color:var(--app-ink);display:inline-flex;margin-top:1px}.demo-row--lang{align-items:flex-start}.demo-lang-pills{display:flex;flex-wrap:wrap;gap:6px}.demo-pill{background:var(--app-surface);border-radius:999px;padding:7px 14px;font-size:14px;color:var(--app-ink)}.demo-badges{display:flex;flex-wrap:wrap;gap:8px}.demo-badge{display:inline-flex;align-items:center;gap:8px;background:var(--app-surface);border-radius:999px;padding:8px 14px;font-size:14px;color:var(--app-ink)}.demo-badge-i{display:inline-flex}.demo-badge-i svg{width:17px;height:17px}.demo-referrals{display:flex;gap:12px;overflow-x:auto;margin-inline:-16px;margin-block-end:-20px;padding-inline:16px;padding-block-end:24px;scroll-padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:none}.demo-referrals::-webkit-scrollbar{display:none}.demo-referral{flex:0 0 100%;scroll-snap-align:start;border:1px solid var(--app-border);border-radius:26px;padding:24px;background:#fff;box-shadow:0 10px 30px -16px #00000040}.demo-ref-title{font-family:var(--app-serif);font-size:18px;font-weight:600;letter-spacing:0;color:var(--app-ink)}.demo-ref-head{display:flex;align-items:center;gap:12px;margin-top:16px}.demo-ref-av{width:40px;height:40px;border-radius:999px;background:var(--app-surface);display:inline-flex;align-items:center;justify-content:center;flex:none}.demo-ref-av svg{width:22px;height:22px;color:#b3aba6}.demo-ref-name{font-family:var(--app-serif);font-size:16px;font-weight:600;letter-spacing:.5px;color:var(--app-ink)}.demo-ref-text{font-size:15px;line-height:1.45;color:var(--app-ink);margin-top:16px}.demo-ref-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.demo-ref-tag{display:inline-flex;align-items:center;gap:5px;background:var(--app-surface);border-radius:999px;padding:6px 10px;font-family:var(--app-serif);font-weight:600;font-size:13px;color:var(--app-ink)}.demo-ref-dots{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:18px}.demo-ref-dots span{width:7px;height:7px;border-radius:999px;background:var(--app-border);transition:width .2s,background .2s}.demo-ref-dots span.is-on{width:18px;background:var(--app-ink)}.demo-envelope{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 4px}.demo-dislike,.demo-scrolltop{width:60px;height:60px;border-radius:999px;background:#fff;border:1px solid var(--app-border);color:var(--app-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -6px #00000040}.demo-dislike svg,.demo-scrolltop svg{width:26px;height:26px}.demo-report{background:none;border:none;color:var(--app-ink-3);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.demo-report:hover{color:var(--app-red)}.demo-chat-top{position:relative;display:flex;align-items:center;justify-content:space-between;flex:none;padding:4px 14px}.demo-chat-topname{position:absolute;left:50%;transform:translate(-50%);font-size:16px;font-weight:600;color:var(--app-ink)}.demo-chat-scroll{flex:1;overflow-y:auto;padding:0 16px;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.demo-chat-scroll{scroll-behavior:auto}}.demo-chat-intro{display:flex;flex-direction:column;align-items:center;text-align:center}.demo-chat-photo{width:90px;height:90px;border-radius:999px;object-fit:cover}.demo-chat-name{font-size:18px;font-weight:600;color:var(--app-ink);margin-top:10px}.demo-chat-connected{font-size:12px;color:var(--app-ink-2);padding:8px 0 4px}.demo-safety{display:flex;align-items:flex-start;gap:6px;text-align:left;background:var(--app-pink-bg);border:1px solid var(--app-pink);border-radius:24px;padding:10px 12px;margin:8px 0;font-size:13px;line-height:1.35;color:var(--app-ink)}.demo-safety svg{width:18px;height:18px;flex:none;color:var(--app-red);margin-top:1px}.demo-datesep{text-align:center;font-size:11px;font-weight:500;color:var(--app-ink-2);padding:14px 0}.demo-thread{display:flex;flex-direction:column;padding-bottom:8px}.demo-msg{display:flex;align-items:flex-end;gap:10px;margin-top:8px}.demo-msg.is-consec{margin-top:4px}.demo-msg--me{flex-direction:row-reverse}.demo-msg-av{width:28px;height:28px;border-radius:999px;object-fit:cover;flex:none}.demo-msg-av--blank{background:none}.demo-bubble-col{display:flex;flex-direction:column;max-width:calc(100% - 80px)}.demo-msg--me .demo-bubble-col{align-items:flex-end}.demo-msg-time{font-size:11px;color:var(--app-ink-3);padding:0 6px 3px}.demo-bubble{padding:10px 12px;border-radius:24px;font-size:15px;line-height:1.35;color:var(--app-ink);animation:demo-pop .22s ease}.demo-msg--them .demo-bubble{background:var(--app-surface);border-bottom-left-radius:6px}.demo-msg--me .demo-bubble{background:var(--app-pink);border-bottom-right-radius:6px}.demo-msg-react{margin-top:-8px;background:#fff;border:1px solid var(--app-border);border-radius:999px;padding:1px 6px;font-size:12px;line-height:1.4;align-self:flex-start}.demo-msg--me .demo-msg-react{align-self:flex-end}.demo-typing{display:inline-flex;gap:4px;align-items:center;background:var(--app-surface);padding:12px 14px;border-radius:24px 24px 24px 6px}.demo-typing span{width:7px;height:7px;border-radius:999px;background:var(--app-ink-3);animation:demo-blink 1s infinite}.demo-typing span:nth-child(2){animation-delay:.2s}.demo-typing span:nth-child(3){animation-delay:.4s}.demo-replies{flex:none;display:flex;flex-direction:column;gap:7px;padding:4px 16px 0}.demo-replies:empty{display:none}.demo-reply{text-align:left;padding:11px 15px;border-radius:999px;border:1.5px solid var(--app-red);background:transparent;color:var(--app-red);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.demo-reply:hover{background:var(--app-red);color:#fff}.demo-chat-cta{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 18px;border-radius:999px;background:var(--app-red);color:#fff;font-family:var(--app-sans);font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 10px 24px -12px var(--app-red)}.demo-chat-cta svg{width:18px;height:18px}.demo-inputbar{flex:none;padding:8px 16px 14px}.demo-inputwrap{position:relative}.demo-input{width:100%;border:1.5px solid var(--app-border);background:var(--app-surface);border-radius:24px;padding:12px 56px 12px 16px;font-size:15px;font-family:inherit;color:var(--app-ink)}.demo-input::placeholder{color:var(--app-ink-3)}.demo-input:focus-visible{outline:none;border-color:var(--app-ink-3)}.demo-send{position:absolute;right:5px;bottom:5px;top:5px;width:38px;border:none;border-radius:999px;background:#1c1c1c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.demo-send svg{width:18px;height:18px}.demo-match{position:absolute;inset:0;z-index:40;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .25s ease}.demo-match.is-on{opacity:1}.demo-spark{position:relative;width:120px;height:110px}.demo-spark span{position:absolute;background:var(--app-pink);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}.demo-spark-1{width:84px;height:84px;left:8px;bottom:0;transform:scale(0);animation:demo-spark .7s ease-out .05s forwards}.demo-spark-2{width:40px;height:40px;right:6px;top:6px;transform:scale(0);animation:demo-spark .7s ease-out .2s forwards}.demo-match-title{font-family:var(--app-serif);font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--app-ink);transform:translateY(8px);opacity:0;animation:demo-rise .4s ease-out .35s forwards}@media(max-width:480px){.demo-shell{gap:12px}.demo-phone{width:min(340px,calc(100vw - 48px));border-radius:clamp(2rem,11vw,2.75rem);box-shadow:0 0 0 7px #101012,0 0 0 8px #00000040,0 26px 62px -32px #0000008c}.demo-notch{width:38%;height:24px;border-radius:0 0 15px 15px}.demo-statusbar{padding-inline:22px}}@media(max-width:360px){.demo-phone{width:calc(100vw - 40px)}.demo-pad{padding-inline:18px}.demo-profile{padding-inline:14px}.demo-referrals{margin-inline:-14px;padding-inline:14px;scroll-padding-inline:14px}}@keyframes demo-pop{0%{transform:translateY(5px) scale(.97);opacity:0}}@keyframes demo-blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes demo-spark{to{transform:scale(1)}}@keyframes demo-rise{to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.demo-bubble,.demo-match,.demo-spark span,.demo-match-title,[data-demo-swipe]{transition:none;animation:none;opacity:1;transform:none}}