@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Manrope,sans-serif;--bg-cream: #fff7f2;--peach: #ff7767;--peach-soft: #ffd9cf;--ink: #211613;--muted: #8f7b74;--green: #34cf78;--line: rgba(255, 255, 255, .82);--shadow: 0 28px 80px rgba(130, 74, 57, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at top,rgba(255,255,255,.95),rgba(255,255,255,.52) 28%,transparent 45%),radial-gradient(circle at 20% 18%,rgba(255,216,204,.9),transparent 24%),radial-gradient(circle at 80% 50%,rgba(255,229,213,.92),transparent 26%),linear-gradient(180deg,#fff5ee,#fffaf6 55%,#fff2ea)}button{font:inherit}img{display:block;max-width:100%}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px;position:relative;overflow:hidden}.background-rain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.background-rain__cat{position:absolute;top:-32vh;left:var(--cat-left);width:var(--cat-size);opacity:var(--cat-opacity);filter:drop-shadow(0 12px 24px rgba(154,94,72,.08));animation:driftDown var(--cat-duration) linear infinite;animation-delay:var(--cat-delay);transform:rotate(var(--cat-rotate))}.app-frame{width:min(100%,620px);position:relative;z-index:1}.app-frame.is-shaking{animation:shake .42s ease}.screen-card{padding:28px 26px 22px;border-radius:36px;background:#ffffffe6;border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup__logo{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(106,61,46,.15))}.screen-header h1{margin:0;font-family:"DM Serif Display",serif;font-size:clamp(2.6rem,7vw,3.35rem);line-height:.92}.reset-button,.retry-button{border:none;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}.reset-button{padding:8px 0;font-size:1.05rem}.deck-zone{min-height:560px}.card-stack{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.cat-card,.empty-card{width:100%;max-width:100%;height:560px;border-radius:38px}.cat-card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#f0dfd7;border:1px solid rgba(255,255,255,.7);box-shadow:0 26px 60px #3d251d38;transition:transform .22s ease,box-shadow .22s ease;touch-action:none;-webkit-user-select:none;user-select:none}.cat-card.is-top{z-index:3}.cat-card:not(.is-top){z-index:calc(3 - var(--card-depth))}.cat-card img{width:100%;height:100%;object-fit:cover}.card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 24%,rgba(18,11,9,.12) 52%,rgba(18,11,9,.86) 100%)}.card-copy{position:absolute;inset:auto 0 0;padding:28px;color:#fff}.card-copy h2{margin:0;font-size:clamp(2.6rem,8vw,3.8rem);line-height:.96}.card-distance{margin:8px 0 0;font-size:1rem;opacity:.92}.card-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.card-tags span{padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.42);background:#ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.98rem}.card-bio{margin:18px 0 0;max-width:16ch;font-size:1.02rem;line-height:1.45}.card-stamp{position:absolute;top:24px;z-index:5;padding:10px 16px;border-radius:16px;border:3px solid currentColor;background:#110a0824;font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.card-stamp--like{left:20px;color:#7ff0ac;transform:rotate(-10deg)}.card-stamp--nope{right:20px;color:#ff8f83;transform:rotate(10deg)}.empty-card{display:grid;place-items:center;padding:28px;background:linear-gradient(180deg,#fff6f1eb,#ffeee8cc);border:1px solid rgba(255,255,255,.84);box-shadow:inset 0 1px #ffffffe6;text-align:center}.empty-card p{margin:0 0 12px;color:var(--muted)}.retry-button{padding:0}.action-row{display:flex;justify-content:center;gap:28px;margin-top:22px}.action-button{width:108px;height:108px;border-radius:50%;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.action-button:hover:not(:disabled){transform:translateY(-3px)}.action-button:disabled{cursor:default;opacity:.45}.action-button--nope{border:none;background:#fffffff5;color:#ff6a59;box-shadow:0 18px 40px #8f5e491f;font-size:3.2rem;font-weight:700}.action-button--like{border:3px solid rgba(34,23,18,.92);background:#fffffff5;color:var(--green);box-shadow:0 18px 40px #8f5e491f;font-size:3rem;line-height:1}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.stat-grid article{padding:18px 18px 16px;border-radius:22px;background:#ffffffd6;border:1px solid rgba(255,255,255,.82);box-shadow:0 14px 32px #824a3914}.stat-grid span{display:block;color:var(--muted);margin-bottom:8px}.stat-grid strong{display:block;font-size:2rem;line-height:1}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes driftDown{0%{transform:translate3d(0,-16vh,0) rotate(var(--cat-rotate))}50%{transform:translate3d(28px,48vh,0) rotate(calc(var(--cat-rotate) * -.5))}to{transform:translate3d(-22px,122vh,0) rotate(var(--cat-rotate))}}@media (max-width: 640px){.app-shell{padding:12px}.screen-card{padding:20px 16px 18px;border-radius:28px}.brand-lockup{gap:10px}.brand-lockup__logo{width:44px;height:44px}.deck-zone,.card-stack{min-height:470px}.cat-card,.empty-card{height:470px;border-radius:30px}.card-copy{padding:20px}.card-copy h2{font-size:2.8rem}.card-bio{max-width:18ch;font-size:.95rem}.action-button{width:92px;height:92px}.stat-grid{gap:12px}.stat-grid article{padding:16px 14px 14px}.stat-grid strong{font-size:1.7rem}}@media (prefers-reduced-motion: reduce){.background-rain__cat{animation:none}}