@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(./roboto-latin-400-normal-BqEyEoaF.woff2)format("woff2"),url(./roboto-latin-400-normal-D27F5sTu.woff)format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(./roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(./roboto-latin-500-normal-fsTFPL3E.woff)format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(./roboto-latin-700-normal-BZpUvMxY.woff2)format("woff2"),url(./roboto-latin-700-normal-YuyVweIx.woff)format("woff")}:root{--bg:#faf9f6;--screen:snow;--like:#1be4a1;--nope:#fd5068}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);place-items:center;min-height:100dvh;font-family:Roboto,system-ui,sans-serif;display:grid;overflow-x:hidden}.smartphone{--phone-h:clamp(480px, calc(100dvh - 16px), 720px);height:var(--phone-h);width:clamp(240px, calc(var(--phone-h) / 2), 360px);border:8px solid #000;border-radius:15px;margin:8px 0}.screen{background:var(--screen);border:2px solid #00000026;border-radius:7px;flex-direction:column;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.deck{flex:1;width:99%;margin-top:4px;position:relative}.photo{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform;background:#f1efec;border-radius:10px;transition:transform .3s ease-out;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 7px #888888b3}.photo.moving{cursor:grabbing}.photo.flying{pointer-events:none}.card-scroll{overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow-y:auto}.card-scroll::-webkit-scrollbar{display:none}.hero{color:#eee;background:#d6d5d5 50%/cover no-repeat;align-items:flex-end;height:100%;display:flex}.more-hint{opacity:.85;justify-content:center;align-items:center;gap:4px;margin-top:12px;font-size:.8rem;display:flex}.more-hint svg{width:1rem;height:1rem;animation:1.6s ease-in-out infinite nudge}@keyframes nudge{50%{translate:0 -3px}}.prompts:empty{display:none}.prompts{gap:12px;padding:12px;display:grid}.prompt{background:#fff;border-radius:12px;padding:18px 16px 20px;box-shadow:0 1px 3px #00000014}.prompt h2{color:#6b6b6b;margin-bottom:8px;font-size:.85rem;font-weight:500}.prompt p{color:#1a1a1a;font-size:1.35rem;font-weight:700;line-height:1.3}.prompt p.long{font-size:1.1rem;font-weight:600;line-height:1.4}.stamp{z-index:1;text-align:center;letter-spacing:.04em;opacity:0;pointer-events:none;border:5px solid;border-radius:8px;padding:.2rem .5rem;font-size:2.6rem;font-weight:700;line-height:1;position:absolute;top:8%}.stamp-like{color:var(--like);left:8%;rotate:-15deg}.stamp-nope{color:var(--nope);right:8%;rotate:15deg}.personal{background:linear-gradient(#0000 0%,#00000069 24%);width:100%;padding:15px 15px 10px}.name-age{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.name{font-size:2rem;font-weight:500}.age{font-size:1.6rem}.about{grid-template-columns:auto 1fr;align-items:center;gap:8px 6px;display:grid}.about svg{width:1rem;height:1rem}.commands{justify-content:center;align-items:center;gap:64px;width:100%;height:100px;display:flex}.command{cursor:pointer;background:#fff;border:none;border-radius:50%;place-items:center;width:60px;height:60px;transition:all .5s;display:grid;box-shadow:0 2px 6px #707d8624}.command svg{stroke-width:2.5px;width:50%;height:50%;transition:all .5s}.command:is(:hover,:focus-visible){scale:1.1;box-shadow:0 2px 6px #707d8654}.command:is(:hover,:focus-visible) svg{scale:1.15}.nope{color:var(--nope)}.heart{color:var(--like)}.heart svg{fill:currentColor}.match{z-index:10;color:#fff;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#1be4a1eb,#0878c8f0);flex-direction:column;align-items:center;gap:14px;padding:28px 22px;display:flex;position:absolute;inset:0;overflow-y:auto}.match[hidden]{display:none}.match-title{letter-spacing:-.01em;margin-top:auto;font-size:2.6rem;font-style:italic;font-weight:700}.match-sub{opacity:.9;font-size:.95rem}.match-photos{margin-top:6px;display:flex}.match-photo{background:#fff3 50%/cover no-repeat;border:4px solid #fff;border-radius:50%;width:104px;height:104px;box-shadow:0 4px 14px #0003}.match-photo.shy.focused{background-size:170%;background-position:var(--focus)}.match-photo.you{cursor:pointer;background-color:#ffffff47;border-style:dashed;place-items:center;margin-left:-14px;transition:background-color .2s,scale .2s;display:grid;position:relative}.match-photo.you:hover{background-color:#fff6;scale:1.04}.match-photo.you.filled{border-style:solid}.match-photo-empty{text-align:center;justify-items:center;gap:4px;padding:0 16px;font-size:.8rem;font-weight:700;line-height:1.15;display:grid}.match-photo-empty svg{width:1.8rem;height:1.8rem}.match-photo.you.filled .match-photo-empty,.match-photo.you:not(.filled) .match-photo-badge{display:none}.match-photo-badge{color:#0878c8;background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 6px #00000040}.match-photo-badge svg{width:17px;height:17px}.match-photo-caption{opacity:.9;margin-bottom:4px;font-size:.85rem}.match:has(#match-photo-input:focus-visible) .match-photo.you{outline-offset:4px;outline:3px solid #fff}.match-form{flex-direction:column;gap:10px;width:100%;margin-bottom:auto;display:flex}.match-form :is(input,textarea){width:100%;font:inherit;color:#1a1a1a;resize:none;background:#fff;border:none;border-radius:12px;padding:11px 14px;font-size:1rem}.match-form button{font:inherit;cursor:pointer;border:2px solid #fff;border-radius:999px;padding:12px;font-weight:700}.match-send{color:#0878c8;background:#fff}.match-send:disabled{opacity:.6;cursor:default}.match-skip{color:#fff;background:0 0}.match-status{min-height:1.2em;font-size:.9rem;font-weight:500}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (height<=700px){.match{gap:8px;padding:16px 18px}.match-title{font-size:2rem}.match-sub{display:none}.match-photo{width:80px;height:80px}.match-photo-empty{font-size:.7rem}.match-form{gap:7px}.match-form :is(input,textarea){padding:8px 12px}.match-form button{padding:9px}}@media (prefers-reduced-motion:reduce){.more-hint svg{animation:none}}@media (width<=600px){.smartphone{border:none;border-radius:0;width:100%;height:100dvh;margin:0}}