body{margin:0;padding:0;overflow:hidden;background:#001219}@font-face{font-family:LCD40x2;src:url(/fonts/LCD40x2.otf) format("opentype");font-weight:400;font-style:normal}.ui-hidden{display:none!important}.pill-btn{border:none;border-radius:999px;background:linear-gradient(90deg,#9bd390,#21c5a9);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);font-family:Lato Medium,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .15s,filter .15s}.pill-btn:hover{filter:brightness(1.12)}.pill-btn:active{transform:scale(.96)}.pill-btn-outline{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#9bd390,#21c5a9) border-box;color:#1f9f8c;text-shadow:none}.ring-close-btn{position:absolute;left:0;right:0;bottom:max(5vh,calc(env(safe-area-inset-bottom) + 16px));z-index:1;width:34px;height:34px;margin:0 auto;padding:0;border:none;border-radius:50%;background:none;color:#21c5a9;font-size:24px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:transform .15s,filter .15s}.ring-close-btn:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(90deg,#9bd390,#21c5a9);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.ring-close-btn:hover{filter:brightness(1.12)}.ring-close-btn:active{transform:scale(.92)}.ring-close-fx{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;pointer-events:none;will-change:transform,opacity}.ring-close-fx--fill{background:#fff;animation:ring-close-fill .5s cubic-bezier(.4,0,.2,1) forwards}.ring-close-fx--wave{border:3px solid #21c5a9;animation:ring-close-wave .6s cubic-bezier(.22,.61,.36,1) forwards}@keyframes ring-close-fill{0%{transform:translate(-50%,-50%) scale(0);opacity:.5}to{transform:translate(-50%,-50%) scale(1.05);opacity:0}}@keyframes ring-close-wave{0%{transform:translate(-50%,-50%) scale(.5);opacity:.7}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}@media(prefers-reduced-motion:reduce){.ring-close-fx{display:none}}#menu-hint{position:absolute;right:-8px;bottom:-8px;z-index:5;width:34px;height:auto;image-rendering:pixelated;pointer-events:none;display:none}#menu-hint.visible{display:block}.gender-badge{font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Arial Unicode MS,sans-serif;font-size:.95em;line-height:1;margin-left:4px}.gender-badge.gender-m{color:#6ab7ff}.gender-badge.gender-f{color:#ff85b3}.swipe-handle{width:64px;height:6px;background:#ffffff40;border-radius:3px;margin:10px auto 14px;flex-shrink:0}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px}.close-btn{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;outline:none!important}.close-btn:focus{outline:none;box-shadow:none}#xp-popup{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:12px;z-index:99999;background:#00000080;color:#fff;font-family:Lato-Medium,sans-serif;font-size:15px;font-weight:400;padding:10px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 16px #0006;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s ease-out,transform .3s ease-out,visibility .3s ease-out}#xp-popup.xp-popup-visible{opacity:1;visibility:visible;transform:translateY(0)}#pwa-banner{position:fixed;top:-120px;left:50%;transform:translate(-50%);z-index:9000;display:flex;align-items:center;justify-content:center;gap:6px;background:#111c;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 16px;width:fit-content;max-width:calc(100% - 32px);box-shadow:0 4px 24px #0009;transition:top .35s cubic-bezier(.34,1.26,.64,1)}#pwa-banner.pwa-visible{top:calc(env(safe-area-inset-top,0px) + 12px)}#pwa-icon{width:28px;height:28px;border-radius:6px;flex-shrink:0;position:relative;top:-4px}#pwa-text{font-family:sans-serif;font-size:13px;color:#ccc;line-height:1.3;white-space:nowrap;margin-right:6px}#pwa-install-btn{padding:6px 12px;background:#84b56b;color:#fff;border:none;border-radius:8px;font-family:sans-serif;font-size:12px;cursor:pointer;flex-shrink:0;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}
