@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:#fff5f5;display:flex;justify-content:center;align-items:center;color:#333}#root{width:100%;max-width:420px;height:100%;padding:0 16px}.app{display:flex;flex-direction:column;align-items:center;height:100vh;height:100dvh;padding:24px 0 20px}.header{text-align:center;margin-bottom:8px}.header h1{font-family:Anton,sans-serif;font-size:2.5rem;font-weight:400;color:#ff3354;text-transform:uppercase;letter-spacing:2px}.header p{color:#999;font-size:.85rem;margin-top:4px}.nav-tabs{display:flex;gap:8px;margin-bottom:10px}.nav-tabs button{padding:10px 24px;border-radius:50px;border:2px solid #ffdee3;background:#fff;color:#999;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.nav-tabs button.active{background:#ff3354;color:#fff;border-color:#ff3354;box-shadow:0 4px 12px #ff33544d}.nav-tabs button:hover:not(.active){border-color:#ff3354;color:#ff3354}.card-container{width:100%;flex:1;min-height:0;position:relative;display:flex;justify-content:center;align-items:center}.swipe-card{position:absolute;width:100%;max-width:380px}.card{background:#fff;border-radius:20px;padding:40px 30px;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden;border:1px solid #ffdee3}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff3354,#ff4f77,#ffbbc1)}.card-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#ff4f77;margin-bottom:20px;padding:4px 16px;border:1px solid #ffdee3;border-radius:50px;background:#fff5f5}.card-text{font-size:1.25rem;font-weight:500;line-height:1.6;color:#333;max-width:300px}.card-hint{position:absolute;bottom:16px;font-size:.7rem;color:#ccc}.status-msg{font-size:.75rem;font-weight:600;color:#ff3354;text-align:center;min-height:18px;margin-top:8px}.actions{display:flex;gap:20px;margin-top:6px;align-items:center}.action-btn{width:60px;height:60px;border-radius:50%;border:2px solid;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.4rem}.action-btn.nope{border-color:#ff3354;color:#ff3354}.action-btn.nope:hover{background:#ff3354;color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #ff33544d}.action-btn.copy{width:50px;height:50px;border-color:#ffbbc1;color:#ff4f77;font-size:1.1rem}.action-btn.copy:hover{background:#fff5f5;transform:scale(1.1);box-shadow:0 4px 15px #ff4f7733}.action-btn.like{border-color:#4cd964;color:#4cd964}.action-btn.like:hover{background:#4cd964;color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #4cd9644d}.saved-container{width:100%;flex:1;min-height:0;overflow-y:auto;padding-bottom:16px}.saved-container::-webkit-scrollbar{width:4px}.saved-container::-webkit-scrollbar-thumb{background:#ffbbc1;border-radius:4px}.saved-empty{text-align:center;padding:60px 20px;color:#ccc}.saved-empty .empty-icon{font-size:3rem;margin-bottom:16px;color:#ffbbc1}.saved-empty p{font-size:.9rem;line-height:1.6}.saved-line{background:#fff;border-radius:16px;padding:20px;margin-bottom:12px;display:flex;align-items:center;gap:14px;border:1px solid #ffdee3;transition:all .3s ease}.saved-line:hover{border-color:#ffbbc1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.saved-line-text{flex:1;font-size:.9rem;color:#333;line-height:1.5}.saved-line-category{font-size:.65rem;color:#ff4f77;text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-weight:600}.saved-line-actions{display:flex;gap:8px}.saved-btn{width:36px;height:36px;border-radius:50%;border:1px solid #ffdee3;background:#fff5f5;color:#ff4f77;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.85rem}.saved-btn:hover,.saved-btn.delete:hover{background:#ff3354;color:#fff;border-color:#ff3354}.loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#999}.loading-spinner{width:40px;height:40px;border:3px solid #ffdee3;border-top-color:#ff3354;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.swipe-overlay{position:absolute;top:20px;font-size:1.2rem;font-weight:800;padding:8px 20px;border-radius:8px;opacity:0;transition:opacity .2s;z-index:10;text-transform:uppercase;letter-spacing:2px}.swipe-overlay.like-overlay{right:20px;color:#4cd964;border:3px solid #4cd964}.swipe-overlay.nope-overlay{left:20px;color:#ff3354;border:3px solid #ff3354}.saved-count{background:#ff3354;color:#fff;font-size:.7rem;min-width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;font-weight:700}.clear-all-btn{display:block;margin:16px auto 0;padding:10px 28px;border-radius:50px;border:1px solid #ffdee3;background:#fff;color:#ff3354;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.clear-all-btn:hover{background:#ff3354;color:#fff;border-color:#ff3354}