*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:Inter,system-ui,sans-serif;background:#0a0a0f;color:#fff}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.no-select{-webkit-user-select:none;user-select:none}button{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes flyRight{to{transform:translate(150vw) rotate(30deg);opacity:0}}@keyframes flyLeft{to{transform:translate(-150vw) rotate(-30deg);opacity:0}}@keyframes flyUp{to{transform:translateY(-150vh);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 20px #fbbf2433}50%{box-shadow:0 0 40px #fbbf2466}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes progressPulse{0%,to{opacity:.7}50%{opacity:1}}.swipe-indicator{position:absolute;top:24px;padding:8px 20px;border-radius:8px;font-weight:800;font-size:22px;letter-spacing:2px;border:3px solid;opacity:0;z-index:10;pointer-events:none;white-space:nowrap}.swipe-indicator.like{right:24px;color:#22c55e;border-color:#22c55e;transform:rotate(12deg)}.swipe-indicator.nope{left:24px;color:#ef4444;border-color:#ef4444;transform:rotate(-12deg)}.swipe-indicator.save{left:50%;transform:translate(-50%);color:#fbbf24;border-color:#fbbf24}.swipe-indicator.skip{left:50%;top:24px;transform:translate(-50%);color:#a78bfa;border-color:#a78bfa}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}input:focus,textarea:focus{outline:none}